Quantcast
Channel: Issues for Drupal core
Viewing all articles
Browse latest Browse all 301255

Links on dark backgrounds have a green and a white focus outline

$
0
0

When checking a few pages in the context of #3163810: [META] Assess conformance with WCAG SC 2.4.7 "Focus Visible" I've noticed when testing the Tour module on a Views edit page that there is a green as well as a white focus outline for a link which looks kind of odd and distracting. It turns out it is because of box-shadow using white along green as colors. For Claro that pattern works out well since the general background color is white and therefor the focus outline creats some sort of white "padding" to the element it is highlighting, but as soon as there is a black background that default becomes kind of problematic.

a) Tour tooltips (fixed in #4)
The following screenshot illustrates the issue for Tour tooltips
a green and white focus outline for a button within a tour widget
In the subsequent screenshot I've just replaced the color white with black in the devtools to illustrate how the focus outlines looks without the second white outline:
tour tooltip with only a green focus outline and the corresponding devtools output

b) admin messages
Admin messages containing a link like this warning message have the problem as well
drupal warning message with green and white outlines for a link in that message

Those are the occasions found so far. If there are more please update the IS accordingly


Viewing all articles
Browse latest Browse all 301255

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>