Zum Inhalt springen

Ausgabe für Screenreader: Was Ihre Website an Screenreader übergibt

Ein Screenreader kann nur ansagen, was im Code ausgezeichnet ist. Wir prüfen in jeder Ansicht und jedem geöffneten Zustand, ob Namen, Rollen, Zustände und Hinweismeldungen stimmen, und bedienen jeden Ablauf ohne Maus. Jeder Befund kommt mit Kriterium, Bildschirmfoto und Lösungsweg.

Namen, Rollen, Zustände, Meldungen Eigene Erklärung zur Barrierefreiheit veröffentlicht WCAG-Audit ab 2.480 € netto

Kurz und einfach erklärt

Ein Screenreader liest Webseiten laut vor. Blinde Menschen nutzen ihn im Netz. Er kann nur sagen, was im Code richtig steht.

Wir prüfen, was Ihre Seite an den Screenreader gibt. Hat jeder Knopf einen klaren Namen? Werden Fehler und Hinweise richtig gemeldet?

Dazu bedienen wir jeden Ablauf nur mit der Tastatur. Jeden Fehler schreiben wir auf, mit Bild und einem Weg zur Lösung.

Diese Prüfung ist auch Teil unserer vollen Prüfung der Barrierefreiheit. Einen bestimmten Screenreader auf einem bestimmten Gerät testen wir nicht.

Schreiben Sie uns oder rufen Sie uns an.

Kennzahlen

EN 301 549

Europäische Norm als Prüfgrundlage

Tastatur

jeder Ablauf ohne Maus geprüft

Befunde

mit Schweregrad und Lösungsvorschlag

WCAG

2.2 AA Referenz

Ausgabe für Screenreader im WCAG-2.2-Audit

ab 2.480 € netto
  • Ausgabe für Screenreader: Namen, Rollen, Zustände, Meldungen
  • Tastaturbedienung aller Abläufe ohne Maus
  • Befundbericht mit Schweregrad und WCAG-Referenz
  • Priorisierte Handlungsliste mit Codebeispielen

vollständiges Audit bis 30 Seiten. Gezielter Einstieg mit dem BFSG-Quick-Check für 490 € netto. Seit dem 28. Juni 2025 gilt das BFSG — bei Verstößen drohen Bußgelder bis zu 100.000 € (BFSG §37).

Preisstand: Oktober 2026.

Ein Screenreader ist für blinde Menschen das Fenster zur digitalen Welt. NVDA und JAWS auf Windows sowie VoiceOver auf macOS und iOS lesen Seiteninhalte vor, ermöglichen Navigation per Tastatur und vermitteln Struktur und Bedeutung von Webseiten. Was für sehende Nutzer intuitiv wirkt, kann für Screenreader-Nutzer eine unüberwindbare Barriere sein — nicht weil das Design schlecht ist, sondern weil der zugrundeliegende Code die Semantik nicht korrekt kommuniziert. Genau dort setzt unsere Prüfung an: Wir prüfen, was Ihre Website an Screenreader übergibt, als eigenständige Leistung und als Teil des umfassenden WCAG 2.2 Audits; einen Überblick gibt unser Leistungsangebot. Jede Prüfung folgt einer festen Methodik: festgelegte Abläufe, dokumentierte Befunde und zu jedem Befund ein umsetzbarer Lösungsweg. Unsere eigene Website bewerten wir selbst nach WCAG 2.2 AA; Stand und bekannte Einschränkungen stehen in unserer Erklärung zur Barrierefreiheit.

WCAG 2.2 AA · Screenreader-AusgabePrüfberichtKaufpfad · Desktop, Smartphone und Tastatur
84 %erfüllt
Handlungsbedarf
Geprüft je AblaufDesktop und Smartphone
Namen und Rollen erfüllt
Zustände erfüllt
Hinweismeldungen erfüllt
Nur-Tastatur · Fokusfalle im Menü offen
Befunde nach Schweregrad9 gesamt
Formularfeld ohne Label — nur „Eingabe“
Fokusreihenfolge springt im Checkout
Nachprüfung nach der Behebung geplant
Übergebene Auszeichnung
„Weiter zur Kasse, Schaltfläche“
Überschriften H1 bis H3
Landmarks erkannt
Bild ohne Alt-Text erkannt
Seite18 Links · 6 Felder
WCAG-Audit inkl. Prüfungab 2.480 €
GeprüftNamen · Rollen · Zustände
Beispielansicht einer Prüfung der Screenreader-Ausgabe: Befundliste mit Schweregrad, übergebene Auszeichnung und Konformitätsstand auf einen Blick. Werte illustrativ.

Was eine Regelprüfung allein übersieht

Automatisierte Werkzeuge wie axe-core prüfen technische Regeln: Gibt es einen Alt-Text? Hat das Formularfeld ein Label? Ist der Farbkontrast ausreichend? Diese Prüfungen sind wertvoll, erfassen aber nur einen Teil der Barrieren: Nicht alle Konformitätsfehler lassen sich automatisch erkennen (WebAIM Million 2026). Die übrigen entstehen durch kontextabhängige Probleme, die erst sichtbar werden, wenn man jeden Ablauf durchspielt und die Auszeichnung in jedem Zustand bewertet.

Typische Beispiele: Ein Bild hat einen Alt-Text, aber der Text lautet nur den Dateinamen image_2024_final_v3.jpg statt einer inhaltlichen Beschreibung. Ein Formularfeld hat ein Label-Element, aber die programmatische Zuordnung ist falsch, sodass das Feld keinen Namen erhält. Eine Tabelle hat Spaltenüberschriften, aber diese sind nicht als th-Elemente mit scope-Attribut ausgezeichnet, sodass Zellen und Überschriften nicht zusammenfinden. Ein Modal öffnet sich, aber der Fokus verbleibt auf dem auslösenden Button statt in den Dialog zu wechseln. Solche Probleme zeigen sich in der Regel erst, wenn man den Ablauf mit der Tastatur bedient und prüft, was nach jedem Schritt übergeben wird.

Warum wir die Auszeichnung prüfen

NVDA, JAWS und VoiceOver interpretieren HTML und ARIA teils unterschiedlich. Gemeinsam ist ihnen die Grundlage: Sie lesen, was der Browser aus HTML und ARIA als Namen, Rolle und Zustand bereitstellt. Stimmt diese Auszeichnung, ist die Voraussetzung für alle Screenreader geschaffen. Wie ein bestimmter Screenreader in einer bestimmten Version sie umsetzt, prüfen wir nicht.

Verbreitete Screenreader im Überblick

NVDA (Windows)

NVDA (NonVisual Desktop Access) ist ein kostenloser Open-Source-Screenreader für Windows. Wie er eine Seite ausgibt, hängt auch vom verwendeten Browser ab.

JAWS (Windows)

JAWS (Job Access With Speech) ist ein kommerzieller Screenreader für Windows. Unterschiede zu NVDA betreffen insbesondere die Verarbeitung von ARIA-Live-Regionen, Tabellen und komplexen Widgets.

VoiceOver (macOS und iOS)

VoiceOver ist der integrierte Screenreader von Apple und auf jedem Mac und iPhone ohne Installation verfügbar. Auf dem Smartphone wird per Wischgeste navigiert; das stellt eigene Anforderungen an Reihenfolge, Beschriftung und Zielgrößen.

Unser Prüfweg im Detail

Die Prüfung folgt einer festen Methodik, damit die relevanten Bereiche Ihrer Website systematisch erfasst werden. Maßstab sind die Erfolgskriterien der WCAG 2.2 AA und die EN 301 549; jeder Befund wird mit Schweregrad, WCAG-Referenz und Lösungsweg dokumentiert.

Gemeinsam legen wir fest, welche Bereiche geprüft werden, und beschreiben die Abläufe. Für einen Online-Shop sind das typischerweise: Startseite, Produktsuche und -auswahl, Warenkorb, Checkout, Konto anlegen und anmelden. Für eine Unternehmenswebsite: Startseite, Kontaktformular, Downloadbereich, Stellenanzeigen. Zu Beginn halten wir Datum, Adressen und Bildschirmfotos der geprüften Fassung fest.

Vom Befund zur behobenen Barriere

Jeder Befund kommt mit Lösungsweg und Codebeispiel. So ändert sich, was ein Screenreader ansagen kann, sobald ein Formularfeld sauber ausgezeichnet ist: Aus einem namenlosen Eingabefeld wird ein benanntes, bedienbares Pflichtfeld — eine Nachprüfung zeigt anschließend, ob die Behebung trägt.

  • Vorher: Label nicht verknüpft, kein Fehlertext, das Feld hat keinen Namen
  • Nachher: verknüpftes Label, aria-required und Fehlermeldung per aria-describedby
  • Eine Nachprüfung zeigt, ob die Behebung trägt
Vorherstumm
Feld ohne Label
„Eingabe“
Kein Fehlertext, keine Rolle
VS
Nachheransagbar
E-Mail-Adresse, erforderlich
„E-Mail-Adresse, erforderlich, Bearbeitungsfeld“
Label, aria-required, aria-describedby

Häufige Screenreader-Barrieren nach Seitenbereich

Screenreader-Barrieren folgen wiederkehrenden Mustern, die sich nach Seitenbereich und Komponente unterscheiden. Typische Problemstellen sind:

Navigation und Menüs

Fehlende oder falsch gesetzte ARIA-Labels auf Navigationsbereichen (role="navigation" ohne aria-label bei mehreren Navs), nicht per Tastatur bedienbare Dropdown-Menüs, fehlende Auszeichnung des aktuellen Menüpunkts (aria-current="page") und unsichtbare Fokus-Indikatoren in Hamburger-Menüs.

Formulare

Nicht programmatisch verknüpfte Labels (label-for fehlt oder id stimmt nicht überein), fehlende Pflichtfeld-Auszeichnung (aria-required), Fehlermeldungen, die nicht mit dem fehlerhaften Feld verknüpft sind (aria-describedby fehlt), und Formularvalidierung, die den Fokus nach Fehler nicht auf das fehlerhafte Feld setzt.

Modale und Overlays

Fehlender Fokus-Wechsel beim Öffnen eines Modals, keine Fokus-Falle (Screenreader verlässt Modal per Tab), fehlendes aria-modal-Attribut, kein Schließen per Escape-Taste und kein Fokus-Rücksprung auf den auslösenden Button beim Schließen.

Dynamische Inhalte

Status-Meldungen nach Formularabsendung ohne ARIA-Live-Region (Screenreader-Nutzer erfährt nicht, ob der Versand erfolgreich war), Ladefortschrittsanzeigen ohne Rückmeldung, nachgeladene Inhalte in Infinite-Scroll-Listen ohne Ankündigung der neuen Elemente.

Tabellen

Datentabellen ohne th-Elemente mit scope-Attribut (Screenreader können Zelle und Überschrift nicht zusammenbringen), layoutbedingte Tabellen ohne role="presentation", zu komplexe verschachtelte Tabellen ohne summary oder aria-describedby und fehlende caption-Elemente bei informativen Tabellen.

Bilder und Grafiken

Alt-Texte mit Dateinamen statt inhaltlicher Beschreibung, dekorative Bilder ohne alt="" (werden von Screenreadern angesagt), komplexe Infografiken ohne ausführliche Textbeschreibung (aria-describedby oder longdesc) und Icon-Buttons ohne erkennbares Label (aria-label fehlt).

Tastaturnavigation: Grundvoraussetzung für alle

Tastaturnavigation ist nicht nur für Screenreader-Nutzer relevant. Menschen mit motorischen Einschränkungen, die keine Maus bedienen können, sind auf die Tastatur angewiesen. Auch Power-User und Entwickler navigieren häufig per Tastatur. WCAG 2.1.1 verlangt, dass alle Funktionen einer Website per Tastatur erreichbar und bedienbar sind. WCAG 2.1.2 verlangt, dass der Tastaturfokus nicht in einem Bereich gefangen werden kann, aus dem er nicht wieder herausgelangt.

  • Alle Links, Buttons und Formularfelder per Tab-Taste erreichbar
  • Sichtbarer Fokus-Indikator auf jedem fokussierten Element (WCAG 2.4.7)
  • Fokus nicht durch sticky Header oder Cookie-Banner verdeckt (WCAG 2.4.11)
  • Dropdown-Menüs per Pfeiltasten navigierbar, per Escape schließbar
  • Modale fangen den Fokus korrekt ein und geben ihn beim Schließen zurück
  • Tabs und Akkordeons nach WAI-ARIA Authoring Practices bedienbar
  • Benutzerdefinierte Widgets mit korrekten ARIA-Rollen und Tastatur-Interaktionen
  • Kein Inhalt ausschließlich per Hover-Effekt zugänglich (WCAG 2.1.1)

BFSG gilt seit dem 28. Juni 2025 — prüfen Sie, bevor es jemand anderes tut

Ausgabe für Screenreader nach Website-Typ

Je nach Art der Website unterscheiden sich die kritischen Prüfbereiche und Abläufe. Wir passen die Abläufe an Ihre Website und Ihre Anforderungen an. Die folgende Übersicht zeigt typische Schwerpunkte für häufige Website-Typen.

Online-Shops

Kritische Prüfpfade für barrierefreien E-Commerce: Produktsuche und -filter, Produktdetailseite mit Variantenauswahl, Warenkorb, mehrstufiger Checkout mit Adresseingabe und Zahlungsauswahl, Bestellbestätigung. Besonderes Augenmerk auf die Zugänglichkeit von Menge-Steuerungen, Preis-Anzeigen und Formularvalidierung.

Unternehmenswebsites

Schwerpunkte bei Unternehmenswebsites: Navigationszugänglichkeit, Zugänglichkeit von Bildergalerien und Video-Playern, PDF-Downloads und deren Alternativdarstellung, Stellenanzeigen und Bewerbungsformulare, Veranstaltungskalender und interaktive Karten.

Öffentliche Vergaben

Anforderungen aus öffentlichen Vergaben: Nach § 121 Abs. 2 GWB sind bei der Beschaffung von Leistungen, die zur Nutzung durch natürliche Personen vorgesehen sind, außer in ordnungsgemäß begründeten Fällen die Zugänglichkeitskriterien für Menschen mit Behinderungen oder die Konzeption für alle Nutzer in der Leistungsbeschreibung zu berücksichtigen. Vergabeunterlagen können dafür auf die EN 301 549 verweisen. Für Bieter und Auftraggeber prüfen wir die geforderten Nutzungspfade per Tastatur und auf die Ausgabe für Screenreader.

Prüfung der Screenreader-Ausgabe im passenden Rahmen

Die Prüfung der Ausgabe für Screenreader ist Teil unseres Prüfangebots. Vom gezielten Einstieg über das vollständige Audit bis zur laufenden Überwachung — alle Preise netto. Details auf der Seite Leistungen.

BFSG-Quick-Check

Gezielte Kurzprüfung von Startseite und einem geschäftskritischen Prozess nach den Erfolgskriterien der WCAG 2.2 AA. Die Prüfung von Tastatur und Screenreader-Ausgabe gehört zum Vollaudit.

490 € einmalig
  • Prüfung nach den Erfolgskriterien der WCAG 2.2 AA
  • Startseite und ein geschäftskritischer Prozess im Blick
  • Kurzbericht mit den kritischsten Befunden
  • Ergänzt die kostenlose BFSG-Ersteinordnung aus dem Erstgespräch um Prüfbefunde (keine Rechtsberatung)
  • Vollständig anrechenbar auf ein späteres Vollaudit
Quick-Check anfragen
Empfohlen

WCAG-2.2-Audit

Vollständiges Audit inklusive Prüfung von Tastatur und Ausgabe für Screenreader (KMU-Website bis 30 Seiten).

ab 2.480 € einmalig
  • Ausgabe für Screenreader in allen Abläufen
  • Vollständige Prüfung der Tastaturnavigation
  • Befundbericht mit Schweregrad und WCAG-Referenz
  • Priorisierte Handlungsliste mit Codebeispielen
  • Grundlage für die Barrierefreiheitserklärung
Audit anfragen

BFSG-Monitoring

Laufende Überwachung nach dem Test — damit neue Barrieren durch Änderungen früh auffallen.

ab 49 € pro Monat
  • Regelmäßige Prüfläufe
  • Regressions-Alerts bei neuen Barrieren
  • Gezielte Nachprüfungen bei Bedarf
  • Regelmäßiger Konformitätsbericht
Monitoring anfragen

Alle Preise netto zzgl. USt. Umfangreichere Websites und Shops kalkulieren wir nach Seitentypen — ein Festpreis-Angebot erhalten Sie nach der kostenlosen Erstberatung.

Abgrenzung: Was die Prüfung leistet und was nicht

Die Prüfung der Ausgabe für Screenreader ist ein wesentlicher Bestandteil eines vollständigen Barrierefreiheitsaudits. Sie deckt aber nicht alle Dimensionen der Barrierefreiheit ab. Ein vollständiger WCAG 2.2 Audit umfasst zusätzlich die Prüfung von Farbkontrastwerten, die Bewertung von Textalternativen für Nicht-Text-Inhalte, die Prüfung von Untertiteln und Audiobeschreibungen für Videoinhalte sowie die Bewertung von Verständlichkeit und Vorhersehbarkeit.

Nicht enthalten sind Tests auf bestimmten Geräten und mit bestimmten Screenreadern: Bewertet wird, was Ihre Website an Screenreader übergibt. Wie ein bestimmter Screenreader in einer bestimmten Version diese Auszeichnung umsetzt, kann im Einzelfall abweichen. Ebenfalls nicht enthalten sind Tests mit Menschen mit Behinderungen. Sie bringen Erfahrungen und Nutzungsstrategien mit, die über eine technische Prüfung hinausgehen; wer sie einbeziehen möchte, ergänzt das Audit durch Nutzertests mit betroffenen Personen.

Ausgabe für Screenreader und das BFSG

Das Barrierefreiheitsstärkungsgesetz (BFSG), das seit dem 28. Juni 2025 für bestimmte Produkte und Dienstleistungen gilt, verlangt nicht ausdrücklich Screenreader-Tests. Als technische Referenz dient in der Praxis die Norm EN 301 549: bis auf Weiteres in der Fassung V3.2.1, die sich auf die WCAG 2.1 AA stützt; die im September 2026 veröffentlichte Fassung V4.1.1 übernimmt die WCAG 2.2. Unser Prüfmaßstab WCAG 2.2 AA umfasst die Anforderungen der WCAG 2.1 AA. Mehrere dieser Kriterien, etwa zu Namen, Rollen und Zuständen oder zu Statusmeldungen, betreffen unmittelbar, was Screenreader ansagen können. Unser WCAG-2.2-Audit verbindet deshalb Messung, Bewertung je Kriterium sowie Tastatur und Ausgabe für Screenreader; was das Gesetz im Einzelnen verlangt, fasst die Seite BFSG-Anforderungen zusammen.

Wie Screenreader Ihre Seite lesen

Was ein Screenreader aus Ihrem Markup macht und welche Muster sich bewährt haben, beschreibt der Beitrag zur Screenreader-Optimierung. Für dynamische Bereiche — Filter, Warenkörbe, Statusanzeigen — ist der Beitrag zu ARIA-Rollen, -Zuständen und Live-Regions die technische Ergänzung. Und weil jeder Screenreader-Test mit der Tastatur beginnt, gehört der Beitrag zur Tastaturnavigation dazu.

Das Wichtigste in Kürze

  • Automatisierte Werkzeuge erkennen nicht alle Konformitätsfehler (WebAIM Million 2026) — kontextabhängige Probleme zeigen sich in der Regel erst, wenn man jeden Ablauf durchspielt und die Auszeichnung bewertet
  • Wir prüfen, ob Namen, Rollen, Zustände und Hinweismeldungen für Screenreader ausgezeichnet sind, bedienen jeden Ablauf ohne Maus und dokumentieren jeden Befund mit Schweregrad und WCAG-Referenz
  • Als Teil des WCAG-2.2-Audits ab 2.480 € netto; gezielter Einstieg mit dem BFSG-Quick-Check für 490 € netto
  • Seit dem 28. Juni 2025 gilt das BFSG — bei Verstößen drohen Bußgelder bis zu 100.000 € (BFSG §37)
  • Laufende Überwachung mit BFSG-Monitoring ab 49 € pro Monat, damit neue Barrieren durch Änderungen früh auffallen

Häufige Fragen zur Ausgabe für Screenreader

Ausgabe für Screenreader als Teil einer nachhaltigen Accessibility-Strategie

Eine einmalige Prüfung liefert eine Momentaufnahme. Websites verändern sich kontinuierlich: neue Features werden entwickelt, Inhalte werden aktualisiert, CMS-Updates werden eingespielt. Jede Änderung kann neue Barrieren einführen. Für eine nachhaltige Barrierefreiheit empfehlen wir daher ein Mehrschichtenmodell: BFSG-Monitoring für kontinuierliche Überwachung, gezielte Nachprüfungen von Tastatur und Screenreader-Ausgabe bei neuen Funktionen oder größeren Änderungen und jährliche vollständige WCAG 2.2 Audits zur Gesamtbewertung.

Dieser Ansatz kombiniert die Breite der Messung mit der Gründlichkeit der Bewertung je Kriterium und hält den Prüfaufwand im Rahmen, ohne Qualitätsabstriche zu machen. Entwicklungsteams, die von Anfang an barrierefrei entwickeln und regelmäßige Screenreader-Tests als Teil ihres Qualitätssicherungsprozesses etablieren, vermeiden in der Regel aufwendige Nacharbeiten, die entstehen, wenn Barrierefreiheit erst nachträglich behandelt wird. Lassen Sie uns gemeinsam die richtige Strategie für Ihr Projekt entwickeln. Kontaktieren Sie uns für ein unverbindliches Erstgespräch.

So könnte die Website einer Rehaklinik aussehen

Der Entwurf zeigt Aufbau und Bedienung: Abteilungen zum Durchschalten, der Weg vom Befund bis zur Anreise, ein Wochenplan und nachprüfbare Angaben zur Zugänglichkeit. Die Klinik darin ist erfunden.

Entwurf
Rehabilitationsklinik

Rehaklinik mit Antragsweg und nachprüfbaren Angaben

Ein Entwurf für eine Rehabilitationsklinik: drei Fachbereiche lassen sich durchschalten, der Weg vom ärztlichen Befundbericht über den Antrag beim Kostenträger bis zum Anreisetag steht in vier Schritten. Eine Woche im Haus ist als Tagesplan abgebildet, dazu Zimmer, Besuchszeiten und Angebote für Angehörige. Der Abschnitt zur Barrierefreiheit nennt Türbreiten, Aufzugsmaße und Notrufe statt einer pauschalen Zusage.

FachbereicheAntragswegWochenplanNachprüfbare Maße

Exemplarische Layoutentwürfe zur Veranschaulichung. Die gezeigten Betriebe sind erfunden; es handelt sich nicht um Kundenprojekte.

Worum geht es?

Ein Klick genügt — alles Weitere ist freiwillig.

Erzählen Sie kurz vom Projekt

Alle Angaben hier sind freiwillig.

So, wie die Adresse im Browser steht, mit oder ohne https://.

Wann soll es losgehen? (optional)
Grober Budgetrahmen (optional)

Freiwillig — festlegen müssen Sie sich damit nicht.

Stichworte genügen. Wenn Sie etwas schreiben, bitte mindestens 5 Zeichen.

Wie erreichen wir Sie?

Wir melden uns in der Regel innerhalb eines Werktages.

Ihr Name oder Ihr Nachname, mindestens 2 Zeichen.

Nur nötig, wenn Sie einen Rückruf wünschen.

Die Adresse, an die unsere Antwort gehen soll, mit @ und Domain.

Mit dem Absenden stimmen Sie der Verarbeitung Ihrer Angaben zur Bearbeitung der Anfrage zu. Details in der Datenschutzerklärung.