WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Firefox visual focus indication

for

From: chaals
Date: Nov 17, 2016 11:14AM

17.11.2016, 19:02, "Beranek, Nicholas" < <EMAIL REMOVED> >:
> Hi folks,
>
> In Firefox, we are experiencing many issues with visual focus indication. That is, the outline or "focus ring" that is supposed to appear for active elements, in many cases, does not exist or is very difficult to see. This is especially true for radio buttons and checkboxes. For radio buttons, we are unable to determine focus at all. For checkboxes, there is a 1px dotted outline on the right side alone, hardly enough to satisfy for proper visual focus indication. You can test this by tabbing to a radio button or checkbox and check for focus outline.
>
> This is a major problem for the user.

Agreed

> It is also a problem when testing. We could argue that a digital property is in direct violation of SC 2.4.7 Focus Visible by not providing visual focus indication in Firefox. In my mind, it violates 1.3.1 of UAAG 2.0 because Firefox is not providing "Active keyboard focus" on radio buttons and checkboxes.

Agreed that it fails to meet the UAAG requirement effectively. A potential remediation the author can provide is to add a style :focus - and :hover

See also https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/C15

> So, my questions are the following:
>
> * Are the folks at Mozilla doing anything to fix this bug?

It's assigned and tested: https://bugzilla.mozilla.org/show_bug.cgi?id‘3103 But it seems to have sat around for a while since then. If anyone has a login for Mozilla's bugzilla, it might help to close the multiple duplicates that are visible from https://bugzilla.mozilla.org/buglist.cgi?quicksearch=radio+button+focus as a reminder that this continually gets reported.

cheers

> * Of the bug reports that exist, are we doing anything to ensure Mozilla's engineers fix the focus indication bug? (Link to "radio button focus" search on bugzilla: https://bugzilla.mozilla.org/buglist.cgi?quicksearch=radio+button+focus)
>
> * Have you done anything within your own CSS to compensate for this?
>
> * Could this have something to do with Firefox taking to color property's value as the color for the focus outline?
>
> Thank you so much for your time,
>
> Nick Beranek
> Capital One

--
Charles McCathie Nevile - web standards - CTO Office, Yandex
<EMAIL REMOVED> - - - Find more at http://yandex.com