Was ist WCAG 2.1?
Die Web Content Accessibility Guidelines (WCAG) 2.1 sind ein internationaler Standard des W3C, der definiert, wie Webinhalte für Menschen mit Behinderungen zugänglich gemacht werden sollen. Das österreichische BFSG verlangt Konformität mit WCAG 2.1 Level AA.
WCAG ist nach vier Prinzipien strukturiert (abgekürzt POUR):
1. Perceivable (Wahrnehmbar)
Alle Informationen und UI-Komponenten müssen in einer Form dargestellt werden, die von Nutzern wahrgenommen werden kann.
Häufigste Fehler:
- Fehlende Alt-Texte (Erfolgskriterium 1.1.1): Bilder ohne Alternativtext können von Screenreadern nicht interpretiert werden. _Lösung: Jedes inhaltstragende Bild braucht einen beschreibenden Alt-Text._
- Zu geringer Farbkontrast (1.4.3): Kontrastverhältnis muss mindestens 4.5:1 (Text) bzw. 3:1 (großer Text) betragen. _Lösung: Kontrast-Checker verwenden (z.B. WebAIM Contrast Checker)._
- Videos ohne Untertitel (1.2.2): Aufgezeichnete Videoinhalte benötigen Untertitel. _Lösung: Untertitel bei YouTube/Vimeo aktivieren oder SRT-Dateien einbinden._
2. Operable (Bedienbar)
UI-Komponenten und Navigation müssen bedienbar sein.
Häufigste Fehler:
- Keine Tastaturzugänglichkeit (2.1.1): Alle Funktionen müssen per Tastatur erreichbar sein. Testen: Tab-Taste durch die Seite navigieren — werden alle interaktiven Elemente erreicht?
- Kein sichtbarer Fokus-Indikator (2.4.7): Das aktuell fokussierte Element muss sichtbar sein. Viele CSS-Resets entfernen den Browser-Standard ':focus' — das ist problematisch.
- Zu kurze Zeitlimits (2.2.1): Wenn Sessions ablaufen, muss der Nutzer gewarnt werden und die Möglichkeit haben, die Zeit zu verlängern.
3. Understandable (Verständlich)
Informationen und Bedienung der Benutzeroberfläche müssen verständlich sein.
Häufigste Fehler:
- Fehlende Sprach-Deklaration (3.1.1): Das HTML-Tag muss das 'lang'-Attribut haben: ''. Screenreader nutzen das für die richtige Aussprache.
- Unklare Fehlermeldungen (3.3.1): Formulare müssen bei Fehler klar beschreiben, was falsch ist ("Bitte geben Sie eine gültige E-Mail-Adresse ein" statt "Fehler").
- Fehlende Label für Formularfelder (1.3.1): Jedes Eingabefeld braucht ein zugeordnetes '
4. Robust (Robust)
Inhalte müssen robust genug sein, um von verschiedenen User-Agents interpretiert werden zu können.
Häufigste Fehler:
- Ungültiges HTML (4.1.1): Fehlerhafte HTML-Struktur (doppelte IDs, falsch verschachtelte Elemente) kann Assistenztechnologien verwirren.
- Fehlende ARIA-Attribute (4.1.2): Interaktive Custom-Elemente brauchen korrekte ARIA-Rollen und -Eigenschaften.
Die Top 5 Fehler laut WebAIM Million Report 2024
Laut der jährlichen Analyse von einer Million Websites sind die häufigsten Fehler:
1. Niedriger Farbkontrast (81% der Websites!)
2. Fehlende Alt-Texte (54%)
3. Fehlende Formular-Labels (48%)
4. Fehlende Dokument-Sprache (18%)
5. Fehlende Schaltflächen-Texte (28%)
Fazit
WCAG 2.1 Level AA ist erreichbar — wenn man systematisch vorgeht. Ein automatisierter Scan kann 30-40% aller Probleme erkennen. Den Rest braucht es manuelle Tests (Keyboard-Navigation, Screenreader-Test).
Nutzen Sie BFSG-Scan.at für eine erste Einschätzung — kostenlos in 60 Sekunden.