Tests und Audits der Web-Barrierefreiheit: Ein umfassender Ansatz

Tests sind der Punkt, an dem Barrierefreiheitstheorie auf Praxis trifft. Ohne systematische Tests bleiben Barrierefreiheitsanforderungen Wunschvorstellungen statt Errungenschaften. Effektive Barrierefreiheitstests kombinieren automatisiertes Scanning, manuelle Expertenbewertung und Benutzertests mit assistiven Technologien, um ein umfassendes Bild der Barrierefreiheit Ihres digitalen Angebots zu erstellen.

Warum Tests wichtig sind

Automatisierte Tools sind ein wesentlicher Ausgangspunkt, können aber nur einen Bruchteil der Barrierefreiheitsprobleme erkennen — Branchenstudien zeigen konsistent, dass automatisierte Tests etwa 30 bis 40 Prozent der WCAG-Verstöße erfassen. Automatisierte Tools können feststellen, ob ein Bild ein alt-Attribut hat, aber nicht, ob dieser Alt-Text aussagekräftig ist. Sie können Kontrastverhältnisse messen, aber nicht bewerten, ob die Lesereihenfolge logisch ist oder ob ein benutzerdefiniertes Widget seinen Zustand korrekt an einen Screenreader kommuniziert.

Deshalb ist ein mehrschichtiger Ansatz notwendig. Jede Testschicht erfasst Probleme, die die anderen Schichten übersehen.

Schicht 1: Automatisiertes Scanning

Automatisierte Barrierefreiheits-Testtools scannen Ihre Seiten anhand eines Regelwerks, das von WCAG-Erfolgskriterien abgeleitet ist, und markieren Verstöße. Sie sind schnell, wiederholbar und hervorragend geeignet, um systematische Probleme auf großen Websites zu erfassen. Nutzen Sie sie als erste Verteidigungslinie und für laufendes Monitoring.

axe DevTools ist eine der am weitesten verbreiteten Barrierefreiheits-Test-Engines. Verfügbar als Browser-Erweiterung und als Bibliothek, die sich in Entwicklungs-Workflows integrieren lässt, testet axe gegen ein umfassendes Regelwerk und ist darauf ausgelegt, falsch-positive Ergebnisse zu minimieren. Es bildet die Grundlage vieler anderer Barrierefreiheits-Testtools.

WAVE von WebAIM bietet ein visuelles Overlay, das Barrierefreiheitsprobleme direkt auf der Seite hervorhebt. Es ist besonders nützlich für nicht-technische Stakeholder, da es Probleme im Kontext zeigt statt in einem separaten Bericht. Verfügbar als Browser-Erweiterung und als Online-Tool.

Google Lighthouse ist in die Chrome DevTools integriert und enthält eine Barrierefreiheits-Audit-Kategorie. Sein Umfang ist begrenzter als bei dedizierten Barrierefreiheits-Tools, aber seine Bequemlichkeit und der fehlende Einrichtungsaufwand machen es zu einer guten schnellen Überprüfung während der Entwicklung.

Pa11y ist ein Open-Source-Kommandozeilen-Tool, das sich gut für die Integration in Continuous-Integration-Pipelines eignet. Es kann einzelne Seiten testen oder ganze Websites crawlen und Ergebnisse in verschiedenen Formaten ausgeben.

IBM Equal Access Accessibility Checker ist eine kostenlose Browser-Erweiterung, die IBMs Regel-Engine verwendet und eine geführte Bewertung einschließlich eines Tastaturprüfmodus bietet.

Keines dieser Tools sollte als einzige Methode der Barrierefreiheitsbewertung verwendet werden. Sie ergänzen manuelle Tests — sie ersetzen sie nicht.

Schicht 2: Manuelle Expertentests

Manuelle Tests umfassen die systematische Überprüfung Ihrer Website durch einen geschulten Prüfer anhand der WCAG-Erfolgskriterien unter Einsatz einer Kombination von Techniken.

Tastaturtests sind der grundlegendste manuelle Test. Navigieren Sie Ihre gesamte Website nur mit der Tastatur. Tabben Sie durch jede Seite, interagieren Sie mit jedem Steuerelement, öffnen und schließen Sie jedes Menü und jeden Dialog. Überprüfen Sie, dass die Fokusreihenfolge logisch ist, dass der Fokus immer sichtbar ist, dass keine Tastaturfallen existieren und dass alle Funktionen ohne Maus verfügbar sind.

Zoom-Tests umfassen das Vergrößern der Seite auf 200 % und 400 % und die Überprüfung, dass keine Inhalte verloren gehen, keine Funktionen beeinträchtigt werden und kein horizontales Scrollen bei 320 CSS Pixeln Breite erforderlich ist.

Screenreader-Tests umfassen das Navigieren Ihrer Website mit einem oder mehreren Screenreadern, um zu überprüfen, dass alle Inhalte korrekt vorgelesen werden, dass Überschriften und Landmarks eine navigierbare Struktur bilden, dass Formularlabels korrekt zugeordnet sind, dass dynamische Inhaltsänderungen angekündigt werden und dass benutzerdefinierte Widgets ihren Zustand kommunizieren.

Die drei verbreitetsten Screenreader sind JAWS (kommerziell, Windows), NVDA (kostenlos, Windows) und VoiceOver (integriert in macOS und iOS). Jeder hat unterschiedliche Stärken und Verhaltensweisen, daher wird empfohlen, mit mindestens zweien zu testen. TalkBack ist der primäre Screenreader auf Android-Geräten.

Kognitive Durchgänge bewerten die Website aus der Perspektive von Nutzern mit kognitiven Behinderungen. Ist der Inhalt klar und eindeutig? Sind Anweisungen explizit? Ist die Navigation vorhersehbar? Können Nutzer sich von Fehlern erholen? Ist die kognitive Belastung angemessen?

Schicht 3: Benutzertests mit assistiver Technologie

Die aufschlussreichste Form der Barrierefreiheitstests sind Tests mit echten Nutzern mit Behinderungen, die ihre eigenen assistiven Technologien verwenden. Automatisierte Tools und Expertenbewertungen können technische Mängel identifizieren, aber nur echte Nutzer können praktische Nutzungsbarrieren aufdecken — Interaktionen, die technisch die WCAG-Kriterien erfüllen, aber dennoch Verwirrung oder Frustration verursachen.

Rekrutieren Sie Teilnehmer, die ein Spektrum von Behinderungen und Nutzung assistiver Technologien repräsentieren. Schließen Sie Screenreader-Nutzer, reine Tastaturnutzer, Nutzer mit motorischen Beeinträchtigungen, die möglicherweise Schaltersteuerung oder Sprachsteuerung verwenden, Nutzer mit Sehbeeinträchtigungen, die auf Vergrößerung angewiesen sind, und Nutzer mit kognitiven Behinderungen ein. Beobachten Sie sie bei der Erledigung wichtiger Aufgaben auf Ihrer Website und dokumentieren Sie die Barrieren, auf die sie stoßen.

Der Audit-Prozess

Ein formelles Barrierefreiheits-Audit folgt typischerweise einem strukturierten Prozess: Umfang definieren, automatisiertes Scanning durchführen, manuelle Expertenbewertung vornehmen, Benutzertests durchführen, alle Ergebnisse mit Schweregradbewertungen und Empfehlungen zur Nachbesserung dokumentieren, dann mit den Problemen mit der größten Auswirkung beginnend nachbessern und nach Korrekturen erneut testen.

Barrierefreiheitserklärungen

Im Rahmen des European Accessibility Act und vieler anderer Vorschriften sind Organisationen verpflichtet, eine Barrierefreiheitserklärung zu veröffentlichen. Dieses Dokument sollte Ihren Konformitätsstatus beschreiben, bekannte Barrierefreiheitseinschränkungen auflisten, erklären, wie Nutzer Barrierefreiheitsprobleme melden können, und Kontaktinformationen für Barrierefreiheitsanfragen bereitstellen. Es sollte von jeder Seite Ihrer Website aus leicht auffindbar sein.

Laufendes Monitoring

Barrierefreiheit ist kein einmaliges Projekt. Neue Inhalte, Designänderungen, Funktionserweiterungen und Drittanbieter-Integrationen können alle zu Barrierefreiheitsrückschritten führen. Integrieren Sie automatisierte Barrierefreiheitstests in Ihre CI/CD-Pipeline, führen Sie regelmäßige manuelle Überprüfungen durch und etablieren Sie einen Prozess zum Empfangen und Beantworten von Barrierefreiheits-Feedback von Nutzern.