WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Firefox vs. IE - dotted outline to show element in focus

for

From: Steve Green
Date: Sep 29, 2010 11:18AM

The problem will be that the 'outline' styles are set to 'none' or '0' in
your stylesheet. New browsers such as Firefox honour this rule and do not
display the outline. Older browsers do not honour the rule so they display
the outline.

We see this problem on almost every website that we test, and it is because
developers use Eric Meyer's reset stylesheet, which sets the 'outline'
properties to 'none' or '0' as appropriate. The reset stylesheet includes a
warning that you must set your own values for these properties, but almost
no one does.

You should either set values for the 'outline' properties or delete those
rules from the stylesheet.

Steve Green
Director
Test Partners Ltd