New accessibility feature in @ChromeDevTools: simulate vision deficiencies, including blurred vision & various types of color blindness.
Find out how people with vision deficiencies experience your web app, and resolve contrast issues you didn’t even know you had!pic.twitter.com/QKLQmEhhMM
-
Show this thread
-
Replying to @mathias @ChromeDevTools
Any advice on how to use this? I cannot reliably identify contrast issues just by looking at my website with these filters applied.
1 reply 0 retweets 2 likes -
Replying to @simevidas @ChromeDevTools
Can you elaborate? Here’s a demo page: https://mathiasbynens.github.io/css-dbg-stories/color-vision-deficiency.html …
3 replies 0 retweets 1 like -
Replying to @mathias @ChromeDevTools
I can identify some contrast issues, the obvious ones, but my eyes and brain are not a reliable tool. As you’re probably aware, we humans are not reliable instruments. When it comes to contrast, I rely on computers to tell me what the ratio is, so that I know what I need to fix.
1 reply 0 retweets 0 likes -
I don’t know about others, but to me this tools isn’t just something fun to play around with. It’s a serious tool that can identify some issues that other tools can’t. But I need a guide to tell me how to identify these issues. I wasn’t born with this knowledge.
1 reply 0 retweets 0 likes
This is just a first step. I agree DevTools should more proactively call out any issues, à la “Contrast looks good… except for people with <insert CVD here>! Click here to preview it.” The “requirements & scale” section of the design doc captures this:https://goo.gle/devtools-cvd
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
JavaScript, HTML, CSS, HTTP, performance, security, Bash, Unicode, i18n, macOS.