Begriffe vorab
- Braillezeile: ein Gerät, das Bildschirmtext in tastbarer Brailleschrift ausgibt.
- Bildschirmlupe: vergrößert Bildschirmbereiche.
- Sprachsteuerung: Bedienung per gesprochenen Befehlen.
- Rotor / Elementliste: Screenreader-Funktion, die Überschriften, Links oder Formularfelder auflistet.
Assistive Technologien sind Hilfsmittel, die Menschen mit Behinderungen die Nutzung digitaler Inhalte ermöglichen. Wer für Barrierefreiheit entwickelt, sollte die wichtigsten Werkzeuge zumindest einmal ausprobiert haben.
Screenreader
Screenreader lesen Bildschirminhalte vor oder geben sie in Braille-Schrift aus. Verbreitete Programme:
- NVDA (NonVisual Desktop Access) – kostenlos, Windows.
- JAWS – kommerziell, Windows, in Unternehmen und Behörden verbreitet.
- VoiceOver – in macOS und iOS integriert.
- TalkBack – in Android integriert.
Der jährliche WebAIM Screen Reader Survey erhebt, welche Programme Nutzerinnen und Nutzer bevorzugen und in Kombination mit welchen Browsern; die Ergebnisse verschieben sich leicht von Jahr zu Jahr, weshalb die aktuelle Erhebung die verlässlichste Quelle ist.
Weitere Hilfsmittel
- Vergrößerungssoftware und Betriebssystem-Zoom für Sehbehinderungen.
- Schalter- und Augensteuerung für Menschen ohne Feinmotorik in Händen.
- Spracheingabe (z. B. Diktierfunktionen) als Alternative zur Tastatur.
- Browser-Erweiterungen für Lesehilfen, etwa angepasste Schriftarten oder Vorlesefunktionen.
Wie Screenreader Webseiten „sehen“
Screenreader nutzen nicht das visuelle Layout, sondern den Accessibility Tree, eine aus dem DOM abgeleitete Struktur mit Rollen, Namen und Zuständen jedes Elements. Fehlt einem Button ein zugänglicher Name, meldet der Screenreader nur „Schaltfläche“ ohne weitere Information.
Der beste erste Test: Maus beiseitelegen, Bildschirm ausschalten oder abdecken, und versuchen, die eigene Website allein mit Tastatur und Screenreader zu bedienen. Vieles fällt dabei sofort auf, was am Bildschirm unsichtbar bleibt.
Wie Screenreader-Nutzende navigieren
Sie lesen nicht Zeile für Zeile, sondern springen gezielt: von Überschrift zu Überschrift, von Link zu Link, zu Formularfeldern oder zu Seitenbereichen (Landmarks). Deshalb sind korrekte Überschriftenhierarchie, aussagekräftige Linktexte und Landmarks entscheidend. Ein Link „hier klicken“ sagt in einer Linkliste nichts; „Preisliste herunterladen“ dagegen schon.
Eine Seite aus Sicht eines Screenreaders
Der Screenreader liest: „Schaltfläche“ – ohne Namen, weil ein Icon-Button kein Textlabel hat. Mit einem zugänglichen Namen wie „Warenkorb öffnen“ wird daraus „Warenkorb öffnen, Schaltfläche“. Kleine Ergänzungen entscheiden, ob ein Element nutzbar ist.
Selbst ausprobieren
- Den eingebauten Screenreader des Betriebssystems aktivieren (VoiceOver, TalkBack) oder NVDA unter Windows.
- Eine eigene Seite mit Tastatur und ausgeschaltetem Bildschirm bedienen.
- Auf Stellen achten, an denen nichts oder Unverständliches angesagt wird.
Zum Selbermachen: ein Screenreader-Kurztest
- Aktiviere VoiceOver (macOS/iOS) oder TalkBack (Android).
- Rufe eine eigene Seite auf und navigiere nur über Überschriften.
- Gehe ein Formular durch und achte darauf, ob jedes Feld verständlich benannt ist.
- Notiere Stellen, an denen Unverständliches oder nichts angesagt wird.
Prüfstatus: Belegt (Stand 1. Oktober 2026): Jahreszahlen, Zahlen, Namen und Quellenangaben dieser Lektion, soweit die Quellenliste sie nennt, wurden gegen Primärquellen geprüft. Nicht einzeln belegt: erklärende Darstellung nach Lehrbuchstand und Quellen, die in der Liste als „allgemeine Referenz“ markiert sind.
Quellen
- WebAIM – „Screen Reader User Survey“ (jährliche Erhebung) (allgemeine Referenz, nicht Zeile für Zeile geprüft)
- W3C WAI – „Accessible Rich Internet Applications (WAI-ARIA)“, Abschnitt zum Accessibility Tree (allgemeine Referenz, nicht Zeile für Zeile geprüft)
- NV Access – Dokumentation zu NVDA; Apple – VoiceOver-Dokumentation (allgemeine Referenz, nicht Zeile für Zeile geprüft)