Hidden Screen Reader Content
Difficulty: Advanced
Category:
- Content
- Presentation
By positioning content off the left side of the visible screen using CSS, it removes it from the visual presentation of the page, but allows it to still be read by a screen reader. Off-screen text should be used with care and generally only in cases where information or structure is apparent visually, but may not be readily accessible to a screen reader accessing it linearly. Content hidden with display:none or visibility:hidden in CSS is not read by a screen reader.
For more information, see Invisible Content Just for Screen Reader Users