Zum Hauptinhalt springen

Website mit Screenreader testen: praxisnaher Einstieg

Screenreader-Test für Websites: Vorbereitung, sinnvolle Testaufgaben, Überschriften, Regionen, Formulare und typische Fehlinterpretationen.

Marc Schraepler von Gerlach

Marc Schraepler von Gerlach

· barrierefreie-agenturen.de

Wie beginnen Sie einen Screenreader-Test?

Kurzantwort: Lernen Sie zuerst die grundlegende Bedienung des Screenreaders und testen Sie anschließend konkrete Aufgaben statt einzelne Elemente wahllos anzuhören. Prüfen Sie Namen, Rollen, Zustände, Reihenfolge und Rückmeldungen. Ein kurzer Test durch Sehende ist wertvoll, ersetzt aber keine Untersuchung durch erfahrene Screenreader-Nutzer:innen.

Die passende Kombination wählen

Screenreader verhalten sich nicht isoliert, sondern in Kombination mit Browser und Betriebssystem. Für einen reproduzierbaren Einstieg eignen sich verbreitete Kombinationen wie NVDA mit Firefox oder Chrome unter Windows und VoiceOver mit Safari auf macOS oder iOS.

Dokumentieren Sie bei einem Befund immer:

  • Betriebssystem und Version,
  • Screenreader und Version,
  • Browser und Version,
  • URL und konkrete Testschritte.

Ein Fehler in nur einer Kombination kann trotzdem relevant sein. Prüfen Sie zunächst, ob das verwendete HTML dem Standard entspricht, bevor Sie browserspezifische Umgehungen einbauen.

Nicht mit dem Screenreader „durch die Seite tabben“

Tab erreicht hauptsächlich interaktive Elemente. Screenreader bieten darüber hinaus eine virtuelle Navigation durch Überschriften, Regionen, Links, Formulare und Fließtext. Testen Sie deshalb mindestens zwei Wege:

  1. normale Lesereihenfolge durch den Inhalt,
  2. gezielte Navigation über Überschriften, Regionen und Formularelemente.

Die genaue Tastenkombination unterscheidet sich je nach Screenreader. Nutzen Sie dessen offizielle Tastaturhilfe und lernen Sie wenige Befehle sicher, statt viele nur oberflächlich einzusetzen.

Vier zentrale Testaufgaben

Seite verstehen

Lassen Sie Seitentitel, erste Überschrift und Regionen ausgeben. Ist erkennbar, worum es geht? Gibt es genau einen sinnvoll benannten Hauptbereich? Überschriftenstufen müssen eine nachvollziehbare Gliederung bilden; sie sind kein Mittel zur Schriftgestaltung.

Öffnen Sie Menüs und folgen Sie mehreren Links. Ein Linkname wie „Mehr erfahren“ kann im Kontext verständlich sein, ist in einer isolierten Linkliste aber oft wenig hilfreich. Aktuelle Navigationseinträge sollten ihren Zustand verständlich vermitteln.

Formular absenden

Navigieren Sie zu jedem Feld und achten Sie auf Name, Typ, Pflichtstatus und Hinweis. Lösen Sie Fehler aus. Werden neue Meldungen angekündigt und sind sie dem richtigen Feld zugeordnet? Der Artikel zu barrierefreien Formularen zeigt die passenden HTML-Muster.

Dynamische Änderungen verfolgen

Bedienen Sie Filter, Akkordeons, Statusmeldungen und Dialoge. Prüfen Sie, ob Zustände wie geöffnet, ausgewählt oder ungültig ausgegeben werden. Eine Live-Region sollte wichtige Änderungen ankündigen, aber nicht jede kleine Aktualisierung unterbrechen.

Semantisches HTML vor ARIA

Problematisch

<div role="heading" aria-level="2">Ergebnisse</div>
<span role="button" tabindex="0">Filter öffnen</span>

Besser

<h2>Ergebnisse</h2>
<button type="button" aria-expanded="false" aria-controls="filters">
  Filter öffnen
</button>

Native Elemente bringen robuste Rollen, Zustände und Tastaturverhalten mit. ARIA kann fehlende Semantik ergänzen, repariert aber keine unpassende Interaktion. Falsch eingesetztes ARIA kann die zugängliche Oberfläche sogar verschlechtern.

Was ein eigener Kurztest nicht leisten kann

Ein Screenreader ist kein automatisches Prüfwerkzeug, und eine vorgelesene Seite ist nicht automatisch barrierefrei. Erfahrene Nutzer:innen arbeiten schneller, verwenden andere Strategien und stoßen auf Probleme, die Einsteiger übersehen. Außerdem deckt ein Screenreader-Test weder Vergrößerung, Sprachsteuerung, kognitive Anforderungen noch sämtliche Tastaturprobleme ab.

Für wichtige Dienste sollten Tests mit Menschen stattfinden, die assistive Technologien im Alltag einsetzen. Formulieren Sie echte Aufgaben – etwa „Finden Sie den Preis und senden Sie das Kontaktformular ab“ – und beobachten Sie das Ergebnis, ohne die Bedienung vorzugeben.

Kompakte Prüfliste

  • Seitentitel und Hauptüberschrift beschreiben die Seite.
  • Überschriften und Regionen ermöglichen Orientierung.
  • Links und Buttons besitzen verständliche Namen.
  • Zustände wie geöffnet, ausgewählt und ungültig werden ausgegeben.
  • Formulare vermitteln Label, Hinweise und Fehler.
  • Dynamische Änderungen werden angemessen angekündigt.
  • Die Lesereihenfolge entspricht der inhaltlichen Reihenfolge.

Die interaktive WCAG-Schnellcheckliste verbindet diesen Test mit Tastatur, Fokus und Zoom.

Quellen und weiterführende Standards

Stand: 7. August 2026.

Rechtlicher Hinweis: Die auf barrierefreie-agenturen.de bereitgestellten Inhalte dienen der allgemeinen Information über das Barrierefreiheitsstärkungsgesetz (BFSG). Sie stellen keine Rechtsberatung dar und können eine individuelle juristische Prüfung nicht ersetzen. Trotz sorgfältiger Recherche übernehmen wir keine Gewähr für die Richtigkeit, Vollständigkeit und Aktualität der bereitgestellten Informationen.