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