WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Visible focus

for

From: Jonathan Avila
Date: Jan 4, 2017 9:04AM

> Firefox will change the outline color to match the font color.

In addition to Nick's insightful comment. Use of outline is better for accessibility rather than changing the background color of an element to indicate interaction. For example, in high contrast mode both Firefox and IE will change the outline color -- background colors will get stripped and won't be seen.

In high contrast, IE and Firefox both seem to add back in an outline for button even if outline:none is set. However, for links if underline is turned off with CSS no outline is added back in for high contrast mode when outline none is set.

As mentioned before my favorite approach is Apple's approach with VoiceOver which adds a double border, one white and one black so there is always sufficient contrast. Another approach browsers could do is an inverted (XOR) type approach where the dots are a negative of the color underneath them I haven't seen that approach in many years when it was used in software back when keyboard navigation was mainstream.

Jonathan

Jonathan Avila
Chief Accessibility Officer
SSB BART Group
<EMAIL REMOVED>
703.637.8957 (Office)
Vis Visit us online: Website | Twitter | Facebook | LinkedIn | Blog
See you at CSUN in March!

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.