Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image disappears in high contrast mode. #1298

Closed
beefancohen opened this issue Mar 20, 2019 · 3 comments
Closed

Image disappears in high contrast mode. #1298

beefancohen opened this issue Mar 20, 2019 · 3 comments
Milestone

Comments

@beefancohen
Copy link

beefancohen commented Mar 20, 2019

The problem
Images disappear in high contrast mode on Windows OS browsers because high contrast mode strips away background images and the accessibility image has opacity:0.

image

How to reproduce

  1. Use a windows laptop and turn on high contrast mode.
  2. Navigate to a user profile on mobile.twitter.com in Firefox, for example.
  3. Notice the profile image is not visible.

Expected behavior
The image is accessible.

Other information
Windows has a -ms-high-contrast media query that can be used to detect high contrast mode, otherwise I'm unsure of detection mechanisms.

@necolas
Copy link
Owner

necolas commented Aug 8, 2019

Apparently high contrast mode is meant to support background images - https://blogs.windows.com/msedgedev/2016/04/20/building-a-more-accessible-web-platform/

@beefancohen
Copy link
Author

I believe that's just for edge?

@necolas
Copy link
Owner

necolas commented Oct 28, 2020

Closing as this feature is being tracked in #1786

@necolas necolas closed this as completed Oct 28, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants