Accessibility Tips

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

Accessibility Tips: offscreen

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

Avoiding visibility hidden

By Isofarro on March 5th, 2008 - One comment

Hiding content from view with visibility: hidden in many cases prevents the screenreader from reading the content, so content styled this way is inaccessible. This technique is not appropriate for hiding content on screen because no screenspace is saved by styling this way – the visitor is left looking at a blank region the size […]

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