Visuell versteckter Text (sr-only)
Visuell versteckter Text ist Inhalt, der für Screenreader zugänglich, für sehende Nutzer:innen aber unsichtbar ist, und wird meist für zusätzliche Hinweise oder Kontext zu interaktiven Elementen ohne sichtbares Label eingesetzt.
In der Praxis
Typische Einsatzgebiete sind ergänzende Informationen zu Buttons oder Links ("Mehr erfahren" plus versteckter Zusatzkontext, welcher Artikel gemeint ist), Kontext zu Formularfeldern oder Beschreibungen von reinen Icon-Buttons. Technisch wird das meist über eine .sr-only-CSS-Klasse gelöst, die ein Element optisch verkleinert und aus dem sichtbaren Bereich schiebt, statt es mit display: none zu verstecken – das würde es auch für Screenreader unsichtbar machen.