WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Firefox visual focus indication


From: Schafer, Carmen
Date: Sep 28, 2017 11:49AM

Thanks for all the useful feedback!


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of John Foliot
Sent: Thursday, September 28, 2017 12:16 PM
To: Beranek, Nicholas < <EMAIL REMOVED> >; WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Firefox visual focus indication

Hi All,

FWIW, there is a proposed new Success Criteria being advanced for WCAG 2.1.

*Success Criterion 1.4.12 User Interface Component Contrast (Minimum)
- (Level AA)*

It currently states:

identifiers of user interface components <http://rawgit.com/w3c/wcag21/accessible-name-terminology-sync/guidelines/#dfn-user-interface-component>;
a contrast ratio
at least 4.5:1 against the immediate surrounding color(s), except for the following situations:
ThickerA contrast ratio of at least 3:1 is required where the minimum width and height are at least 3 CSS pixels <http://rawgit.com/w3c/wcag21/accessible-name-terminology-sync/guidelines/#dfn-css-pixel>;,
for the essential visual identifier;InactiveDisabled or otherwise inactive user interface components;User Agent ControlThe color(s) of the user interface component and any adjacent color(s) are determined by the user agent and are not modified by the author.

Examples of essential visual identifiers of user interface components may include (a border, edge, or icon), current value (such as non-text visual indication of aria-valuenow on a slider) and current state (such as selection indicator, focus indicator) or other essential visual indication (which do not rely on color alone).

- Under consideration: simplify this Success Criterion by setting the
minimum color contrast requirement to 3:1 and removing any need for
measuring thickness.
- Under consideration: will review to see if it is possible to combine
with proposed WCAG 2.1 SC 1.4.11 Graphics Contrast.



On Thu, Sep 28, 2017 at 11:37 AM, Beranek, Nicholas via WebAIM-Forum < <EMAIL REMOVED> > wrote:

> Using the default browser focus indicator is a sufficient technique:
> https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G165
> It becomes a failure when the focus indicator is suppressed via CSS
> through means of outline: none, for example (see www.outlinenone.com
> for more details!).
> If you roll your own, you need to ensure that it's "highly visible".
> WCAG does not define this term, but we have interpreted it to mean
> that we should strive for a 4.5 to 1 color contrast ratio.
> Nick Beranek
> Capital One
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> Behalf Of Patrick H. Lauke
> Sent: Thursday, September 28, 2017 12:31 PM
> Subject: Re: [WebAIM] Firefox visual focus indication
> On 28/09/2017 17:22, Schafer, Carmen wrote:
> > Are others considering it a violation of 2.4.7 (Focus Visible) when
> > a
> website doesn't enhance the browser's default focus indicator since
> Firefox's default thin black dotted line focus indicator is difficult
> to see yet Chrome has a more distinct default focus indicator (solid
> blue line)?
> >
> > I just want to be clear what is considered a true violation of 2.4.7.
> Taking a strict reading of WCAG 2, there's no real requirement for how
> "visible" a focus indicator needs to be (as "visible" is not really a
> testable adjective).
> https://github.com/w3c/wcag/issues/302
> So going strictly by WCAG 2, an indicator that's difficult to see is
> still "visible", so you'd pass it...but I would definitely note that
> although it passes nominally, it's really insufficient and the author
> should provide an explicit strong indicator.
> P
> --
> Patrick H. Lauke
> www.splintered.co.uk | https://github.com/patrickhlauke
> http://flickr.com/photos/redux/ | http://redux.deviantart.com
> twitter: @patrick_h_lauke | skype: patrick_h_lauke
> > >
> The information contained in this e-mail is confidential and/or
> proprietary to Capital One and/or its affiliates and may only be used
> solely in performance of work or services for Capital One. The
> information transmitted herewith is intended only for use by the
> individual or entity to which it is addressed. If the reader of this
> message is not the intended recipient, you are hereby notified that
> any review, retransmission, dissemination, distribution, copying or
> other use of, or taking of any action in reliance upon this
> information is strictly prohibited. If you have received this
> communication in error, please contact the sender and delete the material from your computer.
> > > archives at http://webaim.org/discussion/archives
> >

John Foliot
Principal Accessibility Strategist
Deque Systems Inc.

Advancing the mission of digital accessibility and inclusion