A collection of tips, guidance and practical suggestions in developing accessible websites
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 [...]