a11y bounding box/focus ring around page elements may not provide sufficient differentiation/contrast too low |
|||||||||||||||||
Issue descriptionGoogle Chrome 66.0.3356.0 (Official Build) canary (64-bit) (cohort: Clang-64) Google Chrome 64.0.3282.167 (Official Build) (64-bit) (cohort: Stable) Note: there has been a change in UI between 64 and 66 but this issue affects both versions. This affects all dialogs on Mac and Windows where a focus ring appears. For areas where the element itself doesn't provide enough differentiation, a focus ring could be helpful in showing focus. ***This bug is specifically about focus rings that are not high enough contrast. It is not specifically about :focus-visible (although that may help.) This was originally reported in 817203 as a problem with the bounding box color not having a sufficient color ratio compared to the background but that doesn't capture the entire problem. For example, a lighter colored but sufficiently large focus ring might work, or a sufficiently dark but very thin focus ring might work. We need to do some investigation in this area.
,
Mar 6 2018
,
Mar 28 2018
,
Mar 28 2018
Comment from aboxhall@ What steps will reproduce the problem? (1) Focus any focusable element (2) Observe the focus ring What is the expected result? Focus ring should be clearly visible. What happens instead? Focus ring may be difficult to discern. Anecdotal user reports: "Browser defaults [for the focus ring style] in Chrome, for example, are so bad that I rarely see them myself. (Not 20/20 vision, but quite good while wearing glasses)" "The default in Chrome is so bad we’ve been accidentally failing things in [accessibility] test as not having a focus state because we couldn’t see it ourselves" Once :focus-visible selector is available, we should redesign the default focus ring to be more clearly visible, and show only on :focus-visible state.
,
May 18 2018
Looks like this has a separate task blocking this one. Can you link that here, and/or do you have an ETA for a fix?
,
Aug 20
Any progress on this investigation?
,
Aug 22
Here's the bug for :focus-visible: https://bugs.chromium.org/p/chromium/issues/detail?id=817199
,
Aug 22
,
Aug 22
I found many bugs showing this issue as part of our recent evaluation. Instead of merging them all into this bug, which would make it too complex, I make this bug blocking all of those bugs.
,
Sep 20
Thanks for the link to the other tracking bug for focus work! It doesn't have any movement noted since July 5, though, any idea when focus indications will have enough contrast?
,
Sep 20
,
Sep 20
Here are some of the screenshots from the example bugs listed as being blocked by this bug just to give a clearer picture of this scope of this bug.
,
Sep 21
,
Sep 21
,
Sep 21
,
Sep 21
|
|||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||
Comment 1 by leberly@chromium.org
, Mar 6 2018