WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Visible focus

for

From: JP Jamous
Date: Jan 3, 2017 10:23AM

Umm, what if the CSS breaks and does not load? Did they take that in consideration?

This should remain untouched and left to the browser's default outline. Some low vision folks might tweak their own using their browser's accessibility settings. If they do so then, forget about the CSS class your team has implemented.

I think it is a waste of time for the above reason. Also, it backfires on the user because the user might be more familiar with their browser's outline and do not want anything to intervene with that. That creates a bad user experience on your site.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Joseph Sherman
Sent: Tuesday, January 3, 2017 10:56 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [WebAIM] Visible focus

My web team is adding ":focus {outline: 1px dotted #444; }" to most elements after using "outline: 0;" in the CSS reset. I don't really like it since it's a bit hard to see, and less visible than the default focus outline in Chrome which it overrides. Technically I believe it is WCAG compliant, right?

Joseph