Screenreader-Tests: Wie echte Nutzer Ihre Website erleben
Automatisierte Prüftools erkennen technische Mängel — aber erst der Test mit NVDA, JAWS und VoiceOver zeigt, ob blinde und sehbehinderte Menschen Ihre Website tatsächlich nutzen können. Wir führen manuelle Screenreader-Tests durch, die die reale Nutzungserfahrung abbilden und konkrete Verbesserungsmaßnahmen dokumentieren.
3
Screenreader-Plattformen
50+
durchgeführte Tests
60%
Barrieren nur manuell findbar
WCAG
2.2 AA Referenz
Ein Screenreader ist für blinde Menschen das Fenster zur digitalen Welt. NVDA auf Windows, JAWS auf Windows und 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. Unser Leistungsangebot umfasst manuelle Screenreader-Tests als eigenständige Leistung und als Teil des umfassenden WCAG 2.2 Audits. In 50+ durchgeführten Tests haben wir eine systematische Methodik entwickelt, die reproduzierbare Ergebnisse liefert und direkt umsetzbare Lösungsvorschläge produziert.
Was Screenreader-Tests leisten, was automatisierte Tools nicht können
Automatisierte Barrierefreiheitstools wie axe-core und Lighthouse 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 30 bis 50 Prozent aller tatsächlichen Barrierefreiheitsprobleme (Quelle: WebAIM 2024). Die restlichen 50 bis 70 Prozent entstehen durch kontextabhängige Probleme, die nur im realen Test sichtbar werden.
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 NVDA das Label nicht mit dem Feld verbindet. Eine Tabelle hat Spaltenüberschriften, aber diese sind nicht als th-Elemente mit scope-Attribut ausgezeichnet, sodass JAWS Zellen und Überschriften nicht zusammenbringt. Ein Modal öffnet sich, aber der Fokus verbleibt auf dem auslösenden Button statt in den Dialog zu wechseln. All diese Probleme sind nur im manuellen Test mit echten Screenreadern erkennbar.
Warum drei Screenreader?
Die drei Screenreader-Plattformen im Überblick
NVDA (Windows)
NVDA (NonVisual Desktop Access) ist der meistgenutzte kostenlose Screenreader für Windows. Wird von blinden Nutzern weltweit eingesetzt, insbesondere in Europa und Deutschland. Wir testen mit NVDA in Kombination mit Firefox und Chrome, da Browserunterschiede das Screenreader-Verhalten beeinflussen können. NVDA ist besonders relevant für Unternehmenswebsites und Online-Shops.
JAWS (Windows)
JAWS (Job Access With Speech) ist der am weitesten verbreitete kommerzielle Screenreader und in professionellen und behördlichen Umgebungen Standard. Viele Nutzer in Unternehmen und öffentlichen Einrichtungen setzen JAWS ein. Unterschiede zu NVDA betreffen insbesondere die Verarbeitung von ARIA-Live-Regionen, Tabellen und komplexen Widgets. Tests mit JAWS und Internet Explorer sind für viele Behörden und Banken relevant.
VoiceOver (macOS und iOS)
VoiceOver ist der integrierte Screenreader von Apple und auf jedem Mac und iPhone ohne Installation verfügbar. Auf iOS ist VoiceOver besonders wichtig, da ein erheblicher Anteil blinder Nutzer Smartphones als primäres Gerät nutzt. Touch-basierte Navigation mit Wischgesten stellt eigene Anforderungen an die Zugänglichkeit, die sich von der Desktop-Tastaturnavigation unterscheiden.
Unser Testprozess im Detail
Ein professioneller Screenreader-Test folgt einer strukturierten Methodik, die sicherstellt, dass alle relevanten Bereiche Ihrer Website systematisch geprüft werden. Wir orientieren uns an den Anforderungen der EN 301 549 und den WCAG 2.2 AA Erfolgskriterien und dokumentieren jeden Befund mit Schweregrad, WCAG-Referenz und konkretem Lösungsvorschlag.
Scope-Definition und Szenarien-Entwicklung
In einem gemeinsamen Kick-off definieren wir die zu testenden Bereiche und entwickeln reale Nutzungsszenarien. Für einen Online-Shop sind das typischerweise: Startseite navigieren, Produkt suchen und auswählen, Warenkorb befüllen, Checkout durchführen, Konto anlegen und einloggen. Für eine Unternehmenswebsite: Startseite, Kontaktformular, Downloadbereich, Stellenanzeigen, Veranstaltungskalender. Die Szenarien bilden die Grundlage für den Test und stellen sicher, dass wir die kritischen Nutzungspfade abdecken.
Häufige Screenreader-Barrieren nach Seitenbereich
Im Rahmen unserer 50+ durchgeführten Screenreader-Tests (Projekterfahrung) haben wir wiederkehrende Muster von Barrieren identifiziert, die sich nach Seitenbereich und Komponente unterscheiden. Die folgenden Bereiche weisen besonders häufig Probleme auf:
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 (JAWS kann 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 NVDA vorgelesen), 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 1.4.13)
Screenreader-Tests für spezifische Website-Typen
Je nach Art der Website unterscheiden sich die kritischen Prüfbereiche und die Testszenarien. Wir haben Erfahrung mit allen gängigen Website-Typen und passen unsere Testmethodik an Ihre spezifischen Anforderungen an. Die folgende Übersicht zeigt typische Schwerpunkte für die wichtigsten Website-Typen in unserem Portfolio.
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 Hand
Strenge Anforderungen für öffentliche Stellen gemäß BFSG und EU-Richtlinie 2016/2102: vollständige WCAG 2.2 AA Konformität, Barrierefreiheitserklärung nach BFSG §14, Feedbackmechanismus für Nutzer und Kontaktdaten der verantwortlichen Person.
Abgrenzung: Was Screenreader-Tests leisten und was nicht
Screenreader-Tests sind ein unverzichtbarer Bestandteil jedes vollständigen Barrierefreiheitsaudits. Sie prüfen gezielt die Nutzbarkeit für blinde und sehbehinderte Menschen mit assistiven Technologien. Allerdings decken sie 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 der kognitiven Zugänglichkeit für Menschen mit Lernschwierigkeiten.
Darüber hinaus ersetzen Screenreader-Tests keine Benutzertests mit echten betroffenen Personen. Ein erfahrener Tester, der Screenreader professionell einsetzt, kann reale Nutzungsbarrieren zuverlässig identifizieren. Tatsächliche Nutzer mit Behinderungen bringen jedoch Erfahrungen und Nutzungsstrategien mit, die über das hinausgehen, was im Rahmen eines technischen Audits abgedeckt werden kann. Wir empfehlen, nach dem technischen Audit ergänzende Nutzertests mit betroffenen Personen durchzuführen, um die Ergebnisse zu validieren und weitere qualitative Verbesserungspotenziale zu identifizieren.
Screenreader-Test als Teil des BFSG-Compliance-Pakets
Häufige Fragen zu Screenreader-Tests
Screenreader-Tests als Teil einer nachhaltigen Accessibility-Strategie
Ein einmaliger Screenreader-Test 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: automatisiertes BFSG-Monitoring für kontinuierliche Überwachung, gezielte Screenreader-Tests bei neuen Features oder größeren Änderungen und jährliche vollständige WCAG 2.2 Audits zur Gesamtbewertung.
Dieser Ansatz kombiniert die Effizienz automatisierter Tools mit der Gründlichkeit manueller Tests 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, erzielen dauerhaft zugängliche Websites mit deutlich geringerem Remediationsaufwand als Teams, die Barrierefreiheit als nachgelagertes Thema behandeln. Lassen Sie uns gemeinsam die richtige Strategie für Ihr Projekt entwickeln. Kontaktieren Sie uns für ein unverbindliches Erstgespräch.