Skip to content
CSS Head
CSS links, tutorials, code and demos for web designers and developers
    About Archives Contact Privacy and Cookies Policy Submit a Link Submit Community News
CSS Head
CSS links, tutorials, code and demos for web designers and developers
Home Submit a Link Contact About

Tag: focus

Whenever you use :hover, also use :focus

April 5, 2010

Probably one of the most common accessibility oversights is neglecting to apply CSS to the :focus state of links whenever you style the :hover state. How much of a problem this oversight leads to for non-mouse users depends on what CSS is applied to the :hover state…

csshead comment 0 Comments

Better CSS Outline Suppression

December 9, 2009

The aim of these tests is to check which combination of :focus, :hover and :active works best in order to suppress the outline when an image-replaced link is clicked with the mouse, but leave it visible for keyboard users tabbing through the page…

csshead comment 0 Comments

Don’t Lose Your :focus

December 9, 2009

For many web designers, accessibility conjures up images of blind users with screenreaders, and the difficulties in making sites accessible to this particular audience. Of course, accessibility covers a wide range of situations that go beyond the extreme example of screenreader users. And while it’s true that making a complex site accessible can often be […]

csshead comment 0 Comments