Screenreader-Textvorschau
Sehen Sie, wie Screenreader Ihre Inhalte interpretieren
Was dieses Tool macht — in einfacher Sprache
Blinde und sehbehinderte Besucher hören Ihre Seite über Screenreader — Software, die jeden Link, Button, jede Überschrift und jedes Bild laut vorliest. Fügen Sie hier Ihren HTML-Code ein, um die genauen Worte zu sehen, die sie hören würden, in der Reihenfolge, in der sie sie hören.
Verwenden Sie es vor der Veröffentlichung, um fehlende Bildbeschreibungen, Schaltflächen, die nur „hier klicken" sagen, oder Links, die ins Leere führen, zu erkennen. Das Probleme-Panel hebt alles Verwirrende hervor, damit Sie es schnell beheben können.
HTML
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
- Fügen Sie Ihren HTML-Inhalt ein oder geben Sie eine URL zur Analyse ein.
- Überprüfen Sie die linearisierte Lesereihenfolge und den Barrierefreiheitsbaum der Elemente.
- 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
Fokusreihenfolge-Visualisierer
Visualisieren Sie die Tastatur-Tab-Reihenfolge auf jeder Webseite
Schriftgrößen-Tester
Text in verschiedenen Schriftgrößen voranzeigen
Legasthenie-freundlicher Text
Text für leichteres Lesen umformatieren
Alternativtext-Assistent
Verfasse barrierefreie Alternativtexte für Bilder
Großschrift-Modus
Text vergrößern für leichteres Lesen
Hochkontrastmodus
Inhalte im Hochkontrastmodus vorschau