# Screen-Reader-Simulation-Tester Simuliert die Vorlesereihenfolge und gesprochene Semantik eines Screenreaders aus URL oder HTML > Kanonische Seite: https://elysiatools.com/de/tools/screen-reader-simulation-tester - **Kategorie:** Validation - **Schlagwörter:** screenreader, barrierefreiheit, aria, html ## Überblick Sie koennen HTML direkt einfuegen oder eine URL angeben. Das Tool schaetzt eine Screenreader-nahe Lesereihenfolge und zeigt, was blinde Nutzer wahrscheinlich zuerst hoeren: Seitentitel, Landmarks, Ueberschriften, Links, Buttons, Formularlabels, Bilder und Listeneintraege. So wird es genutzt: - HTML-Eingabe: fuer stabile Offline-Analysen - Seiten-URL: zum Abruf und zur Analyse einer Live-Seite - Screenreader-Preset: veraendert nur die Formulierung des Berichts - Landmark-Zusammenfassung: zeigt header, nav, main und footer - Korrekturhinweise anzeigen: blendet konkrete Reparaturvorschlaege ein Der Bericht hebt hervor: - wahrscheinliche Vorlesereihenfolge - Spruenge in der Ueberschriftenhierarchie - fehlende aria-labels oder Formularbeschriftungen - fehlende oder leere Bild-alts - Links und Buttons ohne zugaenglichen Namen ## Eingaben - **HTML-Eingabe** (textarea): # Pricing \[Start trial\](/checkout) - **Seiten-URL** (text): https://example.com - **Screenreader-Preset** (select) - **Landmark-Zusammenfassung** (checkbox) - **Korrekturhinweise anzeigen** (checkbox) ## Wann verwenden - Wenn Sie die Barrierefreiheit einer neuen Landingpage vor dem Live-Gang überprüfen möchten. - Um fehlende Alt-Texte, ARIA-Labels oder fehlerhafte Überschriftenstrukturen in bestehendem HTML-Code zu identifizieren. - Wenn Sie nachvollziehen müssen, in welcher Reihenfolge Screenreader-Nutzer durch die Inhalte und Formulare Ihrer Website navigieren. ## Funktionsweise - Fügen Sie Ihren HTML-Code in das Textfeld ein oder geben Sie eine Live-URL ein, die analysiert werden soll. - Wählen Sie ein Screenreader-Preset (NVDA, JAWS oder VoiceOver) und aktivieren Sie bei Bedarf die Landmark-Zusammenfassung sowie Korrekturhinweise. - Starten Sie die Simulation, um einen detaillierten Bericht über die Vorlesereihenfolge und semantische Struktur zu erhalten. - Nutzen Sie die angezeigten Korrekturvorschläge, um identifizierte Barrierefreiheitsfehler gezielt zu beheben. ## Anwendungsfälle - Audit von Web-Formularen auf korrekte Verknüpfung von Labels und Eingabefeldern. - Überprüfung der semantischen Struktur (Landmarks wie Header, Main, Footer) von Web-Templates. - Schnelle Identifikation von unbeschrifteten Links und Buttons in Navigationsmenüs. ## Häufig gestellte Fragen ### Ersetzt dieses Tool echte Screenreader-Tests? Nein, es handelt sich um eine semantische Simulation. Für eine vollständige Barrierefreiheitsprüfung sollten Sie Ihre Seite zusätzlich mit echten Screenreadern wie NVDA oder VoiceOver testen. ### Kann ich passwortgeschützte Seiten analysieren? Für passwortgeschützte oder lokale Seiten kopieren Sie am besten den gerenderten HTML-Code direkt in das Eingabefeld, anstatt die URL-Funktion zu nutzen. ### Was bedeutet 'Sprünge in der Überschriftenhierarchie'? Dies bedeutet, dass Überschriftenebenen übersprungen wurden (z. B. von H1 direkt zu H3). Dies erschwert Screenreader-Nutzern die Orientierung und Navigation. ### Werden dynamische JavaScript-Inhalte erkannt? Wenn Sie eine URL angeben, wird der initiale Quelltext analysiert. Für dynamische Inhalte, die erst nach Nutzerinteraktion erscheinen, fügen Sie den generierten HTML-Code manuell ein. ### Was bewirkt die Auswahl des Screenreader-Presets? Das Preset ändert lediglich die Formulierung und den Stil des generierten Berichts, um der typischen Ausgabe von NVDA, JAWS oder VoiceOver näher zu kommen. Die semantische Analyse bleibt gleich. ## Ähnliche Tools - [Auditor für Überschriftenhierarchie](https://elysiatools.com/de/tools/heading-hierarchy-auditor): Prüft die Überschriftenstruktur aus URL oder eingefügtem HTML und erkennt Sprünge, mehrere h1, rein dekorativen Heading-Missbrauch und Abweichungen zu Meta-Titeln - [AsciiMath-/LaTeX-/MathML-Formelkonverter](https://elysiatools.com/de/tools/asciimath-latex-mathml-equation-converter): Wandelt Formeln zwischen AsciiMath, LaTeX und MathML um: erkennt das Eingabeformat und erzeugt kanonisches LaTeX, annotiertes Presentation-MathML, eine best-effort-AsciiMath-Rückübersetzung, ein aria-label-Snippet für Screenreader sowie eine KaTeX-Vorschau. - [Barrierefreiheitspruefer](https://elysiatools.com/de/tools/accessibility-checker): Erkennt haeufige WCAG-2.1-Probleme in HTML, Seiten oder Designbildern und liefert direkt umsetzbare Hinweise - [Bildquellen-Extraktor](https://elysiatools.com/de/tools/image-source-extractor): Extrahieren Sie Bild-URLs (src-Attribute) aus HTML-Quellcode. Unterstützt lazy-loading Bilder und srcset-Attribute. - [PDF-Tabellenextraktor zu CSV/JSON](https://elysiatools.com/de/tools/pdf-table-extractor-to-csv-json): Extrahiert Tabellen aus PDFs mit OpenDataLoader und exportiert sie als JSON, CSV oder HTML - [PDF-Bild- und Caption-Extraktor](https://elysiatools.com/de/tools/pdf-image-caption-extractor): Extrahiert PDF-Bilder, ordnet nahe Captions zu und erstellt einen durchsuchbaren HTML-Index - [Excel zu HTML Konverter](https://elysiatools.com/de/tools/excel-to-html): Konvertiert Excel-Dateien in HTML-Tabellenformat und extrahiert Daten aus dem ersten Arbeitsblatt - [Meta-Tag-Extraktor](https://elysiatools.com/de/tools/meta-tag-extractor): Extrahiert und analysiert Meta-Tags, Open Graph, Twitter Cards und strukturierte Daten von Webseiten ## Beispiele - [HTML mit Bildern Proben](https://elysiatools.com/de/samples/html-with-images): HTML-Quellcodeproben mit Bildern zum Testen der Extraktion - [WebRTC Echtzeitkommunikation Beispiele](https://elysiatools.com/de/samples/webrtc-samples): Umfassende WebRTC-Beispiele für P2P Audio/Video-Kommunikation, Datenkanäle, Bildschirmfreigabe und Signalisierungsserver - [Contentful Cloud-basierte CMS Beispiele](https://elysiatools.com/de/samples/contentful-samples): Umfassende Contentful Beispiele mit Content Modeling, API Integration, Webhooks und Frontend Integration Patterns - [Cypress E2E Testing Framework](https://elysiatools.com/de/samples/cypress-testing): Umfassende Cypress E2E-Testbeispiele einschließlich Testkonfiguration, Page Object Models, API-Tests, visueller Regressionstests und fortgeschrittene E2E-Patterns für moderne Webanwendungen ## Verwandte Inhalte - [Tools fuer Web-Accessibility-Audits und lesbare Farbpruefung](https://elysiatools.com/de/hubs/web-accessibility-audits): Pruefen Sie WCAG-Probleme, Screenreader-Reihenfolge, Kontrastfehler, Risiken bei Farbsehschwaechen und zugaengliche Farbwahl in einem Hub fuer Web-Accessibility-Workflows. - [HTML-Extraktions-, Bereinigungs- und Markdown/PDF-Export-Tools](https://elysiatools.com/de/hubs/html-convert): Vergleichen Sie HTML-Bereinigung, Attribut- und Bildquellen-Extraktion, HTML-zu-Markdown und HTML-zu-PDF in einem Hub für Web-Content-Konvertierungs-Workflows. - [Tools für HTML-Extraktion, Bereinigung und Auslieferung](https://elysiatools.com/de/hubs/html-content-extraction-cleanup-and-delivery): Extrahieren Sie Links, Bilder, Tabellen und sauberen Text aus HTML und konvertieren oder rendern Sie das Ergebnis. - [Tools fur Audio-Encoding und Formatkonvertierung](https://elysiatools.com/de/hubs/audio-convert): Vergleiche Audioformat-Konvertierung, Bitratenanderungen, Abtastraten-Konvertierung, Codec-Wechsel und Export-Tools in einem Hub.