A collection of tips, guidance and practical suggestions in developing accessible websites
You are currently browsing the Accessibility Tips archives for the tag offscreen.
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 […]
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 […]