Screenreader: Wie blinde Menschen das Web nutzen

Kurz erklärt: Ein Screenreader ist eine Hilfssoftware, die Bildschirminhalte in gesprochene Sprache oder Braille-Ausgabe umsetzt. Blinde und stark sehbehinderte Menschen nutzen Screenreader, um Webseiten zu lesen und zu bedienen.

Weltweit nutzen rund 2–3 % aller Internet-User Screenreader regelmäßig – in Deutschland sind das mehrere hunderttausend Menschen. Screenreader interpretieren das HTML-Dokument, lesen Überschriften, Links, Alt-Texte, Formulare vor und übersetzen ARIA-Attribute in verständliche Ansagen.

Die wichtigsten Screenreader

NVDA: kostenlos, Windows. Open Source. Marktanteil ca. 30 %. Ideal für Tests.
JAWS: kommerziell, Windows. Marktführer in Enterprise-Umgebungen.
VoiceOver: vorinstalliert in macOS und iOS. Standard für Apple-Nutzer.
TalkBack: vorinstalliert in Android.
Narrator: Windows-Bordmittel, mittlerweile brauchbar.

Wie lesen Screenreader vor?

Screenreader gehen das DOM (Document Object Model) durch. Sie lesen: Seitentitel, Landmarks (header, nav, main, footer), Überschriften in hierarchischer Reihenfolge, Links mit Linktext, Bilder mit Alt-Text, Formulare mit Labels. Nutzer können zwischen Modi wechseln (Überschriften-Modus, Link-Modus, Formular-Modus), um schnell zu navigieren.

Was braucht ein Screenreader, um zu funktionieren?

Sprache deklariert: <html lang="de"> – sonst falsche Aussprache.
Landmarks: <header>, <nav>, <main>, <footer> – ermöglichen Sprung-Navigation.
Überschriften-Hierarchie: H1 → H2 → H3 ohne Sprünge – wichtig für Orientierung.
Alt-Texte: jedes Bild braucht alt.
Labels an Formularen: oder aria-label.
ARIA wo nötig: für Custom-Widgets und dynamische Inhalte.

So testest du mit Screenreader

NVDA (Windows): nvaccess.org herunterladen, starten, auf deiner Seite öffnen. Wichtige Shortcuts: H (nächste Überschrift), K (nächster Link), F (nächstes Formularfeld), Strg (stumm).
VoiceOver (Mac): Cmd+F5 aktivieren, Ctrl+Option+Pfeiltasten navigieren.
Wichtig: regelmäßig testen, nicht nur einmal am Ende des Projekts.

Typische Fehler, die Screenreader-Nutzer frustrieren

Unbeschriftete Icon-Buttons ("Klicken Sie auf..." ohne Ziel-Info), dynamisch geladene Inhalte ohne aria-live, Überschriften nur visuell gestylt (bold text statt

), sinnlose Linktexte ("hier klicken", "mehr"), falsche Überschriften-Hierarchie (H3 direkt nach H1), Formulare mit Fehlerhinweisen nur visuell.

Wird geprüft: bf-check simuliert mehrere Screenreader-Prüfpunkte: Landmarks, Überschriften, Alt-Texte, ARIA-Rollen.

Wie steht deine Webseite in diesem Punkt da?

Kostenloser Scan gegen 15 WCAG-2.1-AA-Kriterien – inkl. Screenreader-Check.
Jetzt Webseite prüfen →

Verwandte Begriffe
Alt-Text ARIA-Label Semantisches HTML Überschriften-Hierarchie