Accessibility Tips

A collection of tips, guidance and practical suggestions in developing accessible websites

Accessibility Tips: CSS

You are currently browsing the Accessibility Tips archives for the tag CSS.

Aiding keyboard usage with :focus cues

By Isofarro on February 9th, 2009 - 3 comments

Knowing where the keyboard focus is at any time is critical for keyboard users to navigate through and to a particular page. It’s not only screen reader users who don’t use a mouse, many disabilities leave the keyboard as the only viable way to interact with a computer whilst still using a monitor. The dotted […]

Positioning content offscreen

By Isofarro on March 4th, 2008 - 5 comments

In cases where we need to hide content from a visitor but still make it available to the screenreader, we position it offscreen. The simplest way to do that with CSS is to use the following style: .offscreen { position: absolute; left: -999em; } Avoid offscreen using top A typical mistake is also to set […]

Copyright © 2007 - 2009, isolani