Manuelle Tests für Barrierefreiheit

Manuelle Barrierefreiheitstests: Durchgang mit Tastatur, Screenreader (NVDA, VoiceOver) sowie Zoom und Umbruch, nach den Easy Checks des W3C.

Was sind manuelle Tests für Barrierefreiheit?

Manuelle Tests für Barrierefreiheit sind Prüfungen, die eine Person von Hand durchführt, um Hürden für Menschen mit Behinderungen zu finden: die Seite nur mit der Tastatur bedienen, sie mit einem Screenreader anhören und so weit hineinzoomen, dass sich das Layout anpassen muss. Sie decken ab, was automatisierte Tests für Barrierefreiheit nicht beurteilen können, etwa ob ein Alternativtext sinnvoll ist oder die Fokusreihenfolge der visuellen Reihenfolge folgt.

Die drei Kerndurchgänge

1. Durchgang nur mit der Tastatur

Legen Sie die Maus beiseite und drücken Sie ab dem Seitenanfang die Tabulatortaste. Sie sollten jeden Link, jede Schaltfläche und jedes Formularfeld erreichen und bedienen können, jederzeit sehen, wo der Fokus liegt, jedes Element wieder verlassen können (keine Tastaturfallen) und sich in einer logischen Reihenfolge bewegen. Die Easy Checks des W3C prüfen außerdem, ob das erste fokussierbare Element ein Sprunglink zum Hauptinhalt ist. Was eine sinnvolle Abfolge ist, steht unter Reihenfolge der Tastaturnavigation.

2. Durchgang mit dem Screenreader

Schalten Sie einen Screenreader ein: NVDA unter Windows (kostenlos) oder VoiceOver unter macOS und iOS (eingebaut). Prüfen Sie, ob zuerst der Seitentitel vorgelesen wird, ob die Überschriften eine brauchbare Gliederung ergeben, ob Bilder, Schaltflächen und Links aussagekräftige Namen haben und ob Formularfelder ihre Beschriftung und Fehlermeldungen ansagen. Das W3C weist darauf hin, dass erfahrene Screenreader-Nutzer das beste Ergebnis liefern, erste Probleme aber jeder entdecken kann.

3. Durchgang mit Zoom und Umbruch

Vergrößern Sie die Seite und prüfen Sie, ob Text und Bilder lesbar und bedienbar bleiben. Das WCAG-2.2-Erfolgskriterium 1.4.10 (Reflow, Stufe AA) verlangt, dass vertikal scrollende Inhalte bei einer Breite von 320 CSS-Pixeln funktionieren, also bei einem 1280-Pixel-Fenster mit 400 % Zoom, ohne in zwei Richtungen zu scrollen. Text soll außerdem auf 200 % vergrößerbar sein (Kriterium 1.4.4). Ausnahmen gibt es für Inhalte, die ein zweidimensionales Layout brauchen, etwa Karten und Datentabellen.

Weitere schnelle manuelle Prüfungen

  • Seitentitel und Sprache sind gesetzt und korrekt.
  • Überschriften gliedern die Seite wie ein Inhaltsverzeichnis.
  • Der Farbkontrast reicht für Text und Bedienelemente.
  • Jedes Formularfeld hat eine sichtbare Beschriftung, Pflichtfelder sind markiert.
  • Videos haben Untertitel, Audio hat ein Transkript.

Häufige Fehler

  • Nur einmal am Ende testen. Führen Sie die Durchgänge für jeden wichtigen Ablauf (Registrierung, Kasse, Suche) bei jeder Änderung durch.
  • Einen bestandenen Test für einen Beweis halten. Das W3C warnt, dass eine Seite die Easy Checks bestehen und trotzdem erhebliche Hürden haben kann.
  • Nur einen Screenreader testen. NVDA, VoiceOver und andere verhalten sich unterschiedlich, wiederholen Sie wichtige Abläufe daher mit mindestens zwei.
  • Echte Nutzer auslassen. Tests durch Entwickler finden viele Fehler, doch Menschen, die assistive Technik täglich nutzen, finden die wichtigsten.

Zusammenspiel mit automatisierten Tests und Monitoring

Automatisierte Werkzeuge finden mechanische Fehler schnell, manuelle Durchgänge beurteilen Sinn und Bedienbarkeit, und ein formaler Konformitätstest für Barrierefreiheit gegen die WCAG verbindet beides. Für die automatisierte Seite führt LoadFocus Page-Speed-Monitoring geplante Lighthouse-Audits mit einem Accessibility-Score aus, sodass Rückschritte zwischen manuellen Prüfungen auffallen. Die manuellen Durchgänge ersetzt es nicht. Mehr dazu in Performance-Tests und Metriken zur Barrierefreiheit.

Häufige Fragen: Manuelle Tests für Barrierefreiheit

Warum brauche ich manuelle Tests, wenn ich automatisierte ausführe?

Automatisierte Werkzeuge erkennen ein fehlendes Alt-Attribut, aber nur ein Mensch kann beurteilen, ob der Text das Bild im Kontext beschreibt. Das Gleiche gilt für Fokusreihenfolge, Lesereihenfolge und Fehlermeldungen.

Welchen Screenreader soll ich verwenden?

NVDA ist kostenlos und unter Windows verbreitet, VoiceOver ist in macOS und iOS eingebaut. Beginnen Sie mit dem, den Sie heute starten können, und wiederholen Sie wichtige Abläufe dann mit einem zweiten.

Wie lange dauert ein manueller Durchgang?

Eine erste Prüfung einer Seite mit Tastatur, Zoom und Screenreader dauert oft deutlich weniger als eine Stunde. Vollständige Audits einer ganzen Website brauchen länger und werden am besten pro Release geplant.

Beweisen die Easy Checks des W3C, dass meine Website barrierefrei ist?

Nein. Es sind schnelle Prüfungen für einige häufige Probleme, und eine Seite kann sie bestehen und trotzdem Hürden haben. Nutzen Sie sie als Einstieg vor einer gründlicheren Bewertung.

Wie schnell ist Ihre Website?

Steigern Sie ihre Geschwindigkeit und SEO nahtlos mit unserem kostenlosen Geschwindigkeitstest.

Kostenloser Websitespeed-Test

Analysieren Sie die Ladegeschwindigkeit Ihrer Website und verbessern Sie ihre Leistung mit unserem kostenlosen Seitengeschwindigkeits-Checker.