accessible-html5-video-player icon indicating copy to clipboard operation
accessible-html5-video-player copied to clipboard

Controls are invisible with Windows' high contrast

Open MakotoUeki opened this issue 11 years ago • 7 comments

When using with Windows high contrast mode, controls are invisible due to using CSS. It fails WCAG SC 1.1.1. They may not be able to use this player when WCAG conformance is required.

MakotoUeki avatar Sep 30 '14 03:09 MakotoUeki

Still with current available version 1.0.3 (where did you get a 1.1.1 from?) Anybody on this issue?

csiefer avatar Oct 21 '17 22:10 csiefer

Happy to accept PR for the issue.

hozefaj avatar Oct 23 '17 00:10 hozefaj

How can I help?

csiefer avatar Oct 23 '17 00:10 csiefer

Can you try and see if you have fix for the issue. Can help with review and bouncing ideas. Since I don't have a windows machine, its not possible to re-produce the issue. So relying on you for that.

hozefaj avatar Oct 23 '17 00:10 hozefaj

Proposal: Do use input type image rather then button-type for the controls. If you provide a patch, I can test.

csiefer avatar Oct 24 '17 11:10 csiefer

There's nothing wrong with buttons for controls, on the contrary this is most correct. The issue is that a CSS sprite is used.

The images in sprites disappear in High Contrast Mode (HCM) on Windows 8 and below but not Window 10+ and not other operating systems. Although an issue for HCM on legacy Windows systems, this is widely considered an assistive technology bug and not a WCAG fail.

I suggest solving by using inline SVG for the icons rather than a sprite. If someone can provide SVG code for the icons, I can implement. The SVG code must be small in size.

weboverhauls avatar Nov 04 '17 20:11 weboverhauls

Can anybody? Sorry I can't.

csiefer avatar Dec 15 '17 10:12 csiefer