Grey on dark grey is still not "high contrast". A better solution is
more likely to teach the devs what high contrast is.

The Chrome DevTools has a pretty useful feature to test color contrast …
https://developer.chrome.com/docs/devtools/accessibility/contrast/#fix-low-contrast
Its color picker for text (sometimes) shows whether a color choice meets the AA 
or AAA thresholds for accessibility guidelines. For an accessibility feature, 
AA should be met, at the very least.

I don't have the exact values so I've only estimated them, but the background 
color seems like something close to #333 and the foreground color something 
like #222. I've made a mockup to illustrate the bad readability / visibility 
with these values:
https://codepen.io/woodrowshigeru/pen/NWZMZzL

Codepen fails to support the color picker contrast part of the DevTools
for some reason ("No contrast information available"). But I get it to
work when opening an empty page in the browser with `about:blank` and
applying styles directly there. Still, the codepen shows you what I did:

* I first created "v1" which seems to be the "grey on dark grey".
* Then I chose another foreground color until I surpassed the AA threshold for 
"v2".
* And then I did the same for "v3" / AAA.

This is how nicely visible it could be.

-- 
You received this bug notification because you are a member of Ubuntu
Desktop Bugs, which is subscribed to gnome-shell in Ubuntu.
https://bugs.launchpad.net/bugs/2030963

Title:
  Window/app switcher highlights hard to see

To manage notifications about this bug go to:
https://bugs.launchpad.net/gnome-shell/+bug/2030963/+subscriptions


-- 
desktop-bugs mailing list
desktop-bugs@lists.ubuntu.com
https://lists.ubuntu.com/mailman/listinfo/desktop-bugs

Reply via email to