Unsichtbare Web-Inhalte für Screenreader-Nutzer

Benutzer von Screenreadern sehen Internetseiten anders als sehende “Surfer”. Sie bekommen die Inhalte von Webseiten in Rein-Textform ausgelesen.
Damit Blinde die Informationen einer Website aber genauso gut erfassen können wie Sehende, sollten verschiedene Techniken bei der Gestaltung des Quellcodes eingesetzt werden.

Alternativtexte, Tabellen-Header-Tags, Tabellen-Zusammenfassungen, label-Elemente für Formulare und Skip-Links erleichtern Nutzern von Screenreadern die Informationsaufnahme. Für sehende Nutzer sollen diese zusätzlichen Informationen und Beschreibungen in der Regel aber nicht sichtbar sein. Sie können den Aufbau von Formularen oder Tabellen visuell intuitiv erfassen und benötigen dafür keine weiteren Beschreibungen.

WebAIM (Web Accessibility in Mind) beschreibt in dem Artikel “CSS in Action: Invisible Content Just for Screen Reader Users” (englisch) anhand von Beispielen, was bei der Einbindung von Textüberschriften, unsichtbaren “Navigation-überspringen” – Links, Formularen in Tabellen und mehreren Formularelementen, denen eigentlich nur ein Label-Element zugeordnet werden kann, beachtet werden sollte.

Website besuchen »