Screenreader-Textvorschau

Was ist Screenreader-Textvorschau?

Screen Reader Text Preview zeigt, wie assistive Technologien Ihren HTML-Inhalt vorlesen. Es deckt den barrierefreien Namen, die Rolle und die Lesereihenfolge von Elementen auf — so erkennen Sie fehlende Beschriftungen, schlechte Überschriftenstruktur und ARIA-Probleme, bevor Nutzer darauf stoßen.

Anleitung

1. Fügen Sie Ihren HTML-Inhalt ein oder geben Sie eine URL zur Analyse ein.
2. Überprüfen Sie die linearisierte Lesereihenfolge und den Barrierefreiheitsbaum der Elemente.
3. Beheben Sie gemeldete Probleme und testen Sie erneut, bis der Lesefluss klar ist.

Ergebnis

Ein Entwickler fügt ein Navigationsmenü ein. Das Tool zeigt, dass 3 Links keinen barrierefreien Namen haben und die Überschriftenreihenfolge von h1 direkt auf h4 springt — das verwirrt Screenreader-Nutzer.

Ähnliche Tools