Screenreader-Text-Vorschau
Fügen Sie HTML oder reinen Text ein und sehen Sie näherungsweise, wie ein Screenreader ihn ansagt – inklusive Alt-Text, Überschriften, Links und ARIA-Labels.
🔒 Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien werden niemals an einen Server hochgeladen.
Näherungsweise Screenreader-Ansage
So funktioniert es
- Fügen Sie ein HTML-Snippet ein – Überschriften, Links, Schaltflächen, Bilder und Listenelemente werden erkannt.
- Das Tool erstellt eine ungefähre Ansageliste, so wie ein Screenreader den Inhalt durchgehen würde.
- Bilder ohne Alt-Attribut werden markiert, dekorative Bilder (alt="") werden korrekt übersprungen.
- Klicken Sie auf "Ansage vorlesen", um die Liste über die Sprachausgabe Ihres Browsers vorlesen zu lassen.
FAQ
Entspricht das genau einem echten Screenreader?
Nein – echte Screenreader (VoiceOver, NVDA, JAWS, TalkBack) haben jeweils eigene Ansageregeln und Formulierungen. Dieses Tool liefert eine vereinfachte, rein browserbasierte Näherung, die hilft, offensichtliche Lücken wie fehlenden Alt-Text zu erkennen.
Warum wird ein Bild mit alt="" übersprungen?
Ein leeres Alt-Attribut kennzeichnet ein Bild als dekorativ. Screenreader überspringen dekorative Bilder bewusst, damit sie die Ansage nicht mit Rauschen belasten.
Was bedeutet "Bild, ohne Beschriftung"?
Es bedeutet, dass das <img>-Tag überhaupt kein Alt-Attribut hat. Screenreader sagen in diesem Fall meist den Dateinamen oder "Bild" ohne nützliche Beschreibung an – fügen Sie immer ein Alt-Attribut hinzu.
Verwendet die Schaltfläche "Vorlesen" einen echten Screenreader?
Nein – sie nutzt die integrierte Speech-Synthesis-API Ihres Browsers, um die genäherte Ansageliste vorzulesen. Das ist eine nützliche Plausibilitätsprüfung, aber nicht identisch mit der Ausgabe assistiver Technologie.
So schneiden wir ab
| Merkmal | Online Tool Store | Einen vollständigen Screenreader installieren |
|---|---|---|
| Keine Installation, sofortige Vorschau | ✓ | ✗ |
| Exakte Formulierung echter Screenreader | Ungefähr | ✓ |
Ein vollständiger Screenreader ist der einzige Weg für einen perfekten Test, aber einen zu installieren und zu lernen ist für eine schnelle Prüfung viel Aufwand. Diese Vorschau erkennt häufige Probleme wie fehlenden Alt-Text in Sekunden.