←  Alle Begriffe
S
Barrierefreiheit

Screenreader

Ein Screenreader gibt digitale Inhalte per Sprache oder Braille aus und ermöglicht die Bedienung ohne visuelle Darstellung.

Screenreader machen Inhalte und Bedienelemente über Sprachausgabe oder Braille zugänglich und sind deshalb auf eine saubere semantische Struktur angewiesen. Überschriften, Formulare, Links und interaktive Elemente sollten mit nativen HTML-Elementen korrekt ausgezeichnet und nur bei Bedarf durch ARIA ergänzt werden. Tests mit Tastatur und assistiven Technologien helfen dabei, Probleme zu erkennen, die automatisierte Prüfungen allein nicht erfassen. Verwandte Begriffe sind ARIA und Semantisches HTML.

Weiterlesen

ARIA

Semantisches HTML

Alt-Text

FAQ

Screenreader

Wann braucht ein Screenreader zusätzlich ARIA?
ARIA ist nötig, wenn native HTML-Elemente eine Funktion nicht abbilden, etwa bei Tabs, Comboboxen oder dynamischen Statusmeldungen. Wo ein natives Element existiert, hat es Vorrang, denn falsch gesetztes ARIA verschlechtert die Ausgabe. Faustregel: erst semantisches HTML, dann ARIA als gezielte Ergänzung.
Welche typischen Barrieren entstehen für Screenreader-Nutzer?
Häufig sind fehlende Alternativtexte, Links wie „hier klicken“, Formularfelder ohne Label, Überschriften nach Optik statt Struktur und Dialoge ohne Fokusführung. Das sind meist Markup-Fehler, keine Designfragen. Native HTML-Elemente vermeiden viele davon von selbst. Ein kurzer Test mit Tastatur und Sprachausgabe offenbart die gröbsten Lücken bereits vor dem Launch.
Wie lässt sich eine Website mit einem Screenreader testen?
Getestet wird mit gängigen Kombinationen aus Screenreader und Browser auf Desktop und Mobilgerät, bedient per Tastatur statt Maus. Geprüft werden Überschriftenstruktur, Formulare, Fokusreihenfolge und dynamische Meldungen. Automatische Prüfungen finden nur einen Teil der Probleme, manuelle Tests bleiben deshalb nötig. Feste Testszenarien machen Ergebnisse vergleichbar.
Wie liest ein Screenreader eine Webseite?
Ein Screenreader nutzt nicht das Bild, sondern den Accessibility Tree, den der Browser aus dem HTML ableitet. Er gibt Elemente mit Rolle, Name und Zustand aus und ermöglicht Navigation per Überschriften, Links oder Landmarks. Fehlt sauberes Markup, fehlt diese Struktur, und Inhalte werden falsch oder gar nicht ausgegeben.