Inhaltsverzeichnis
Einführung: So nutzen Sie diese Checkliste
Diese Checkliste basiert auf den Web Content Accessibility Guidelines (WCAG) 2.2 Level AA und den Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG). Gehen Sie jeden Punkt systematisch durch und markieren Sie den Status.
Empfohlene Vorgehensweise
- Beginnen Sie mit der automatisierten Prüfung (Tools am Ende)
- Prüfen Sie jeden Punkt manuell auf 2-3 repräsentativen Seiten
- Dokumentieren Sie gefundene Barrieren mit Screenshots
- Priorisieren Sie die Behebung nach Schweregrad
1. Wahrnehmbar (Perceivable)
Informationen und Bestandteile der Benutzeroberflaeche müssen den Nutzern so präsentiert werden, dass sie sie wahrnehmen können.
1.1 Textalternativen
1.2 Zeitbasierte Medien
1.3 Anpassbar
1.4 Unterscheidbar
2. Bedienbar (Operable)
Bestandteile der Benutzeroberflaeche und Navigation müssen bedienbar sein.
2.1 Tastaturbedienbar
2.2 Ausreichend Zeit
2.3 Anfälle und körperliche Reaktionen
2.4 Navigierbar
2.5 Eingabemodalitaeten (WCAG 2.1+)
3. Verständlich (Understandable)
Informationen und Bedienung der Benutzeroberflaeche müssen verständlich sein.
3.1 Lesbar
3.2 Vorhersehbar
3.3 Eingabeunterstützung
4. Robust
Inhalte müssen robust genug sein, damit sie von verschiedenen Benutzeragenten und Hilfsmitteln interpretiert werden können.
4.1 Kompatibel
5. Dokumentation
Neben der technischen Umsetzung erfordert das BFSG auch bestimmte Dokumentationen.
6. Empfohlene Prüf-Tools
Nutzen Sie diese Tools für die automatisierte und manuelle Prüfung:
Automatisierte Tests
WAVE
Browser-Extension für visuelle Fehleranalyse
axe DevTools
Detaillierte technische Analyse
Lighthouse
In Chrome DevTools integriert
Pa11y
Automatisierbare CLI-Tool
Manuelle Tests
NVDA
Kostenloser Screenreader (Windows)
VoiceOver
Integriert in macOS/iOS
Colour Contrast Analyzer
Für Kontrast-Prüfungen
HeadingsMap
Überschriften-Struktur visualisieren
Fazit
Diese Checkliste deckt die wichtigsten WCAG 2.2 AA-Anforderungen ab. Arbeiten Sie sie systematisch durch und dokumentieren Sie Ihren Fortschritt. Bei komplexen Websites empfehlen wir zusätzlich eine professionelle Prüfung.
Tipp: Regelmaessige Prüfung
Integrieren Sie Barrierefreiheitspruefungen in Ihren Entwicklungsprozess. Automatisierte Tests bei jedem Deployment und manuelle Prüfungen bei größeren Änderungen helfen, das Niveau zu halten.