Was ist die WCAG?
Die WCAG wird vom World Wide Web Consortium (W3C) entwickelt - der Organisation, die auch HTML und CSS standardisiert. Die Richtlinien definieren, was eine Website erfüllen muss, damit Menschen mit Behinderungen sie nutzen können.
Die WCAG ist kein deutsches Gesetz, sondern ein internationaler technischer Standard. Das BFSG und die europäische Norm EN 301 549 verweisen auf die WCAG als Maßstab. Wer WCAG 2.2 Stufe AA erfüllt, erfüllt in der Praxis auch die gesetzlichen Anforderungen.
Die 4 Prinzipien
Alle WCAG-Kriterien ordnen sich in vier Prinzipien ein. Eine ausführliche Erklärung mit konkreten Beispielen finden Sie auf unserer Seite Barrierefreie Website: Was bedeutet das konkret?
| Prinzip | Bedeutung | Beispiel |
|---|---|---|
| Wahrnehmbar | Inhalte müssen für alle Sinne zugänglich sein | Alt-Texte, Untertitel, ausreichend Kontrast |
| Bedienbar | Alle Funktionen mit verschiedenen Eingabemethoden nutzbar | Tastaturnavigation, sichtbarer Fokus, genug Zeit |
| Verständlich | Inhalte und Bedienung müssen nachvollziehbar sein | Klare Sprache, konsistente Navigation, hilfreiche Fehlermeldungen |
| Robust | Funktioniert mit verschiedenen Technologien | Valides HTML, Screenreader-Kompatibilität |
Was ist neu in WCAG 2.2?
WCAG 2.2 erweitert die Vorgängerversion 2.1 um neun neue Erfolgskriterien. Gleichzeitig wurde ein altes Kriterium (4.1.1 Parsing) als veraltet entfernt. Wer WCAG 2.2 erfüllt, erfüllt automatisch auch 2.1 und 2.0.
Fokus darf nicht verdeckt werden (2.4.11 - AA)
Wenn ein Element den Tastaturfokus erhält, darf es nicht vollständig durch andere Elemente verdeckt werden - zum Beispiel durch einen Sticky-Header, ein Cookie-Banner oder ein Chat-Widget. Mindestens ein Teil des fokussierten Elements muss sichtbar bleiben.
Zielgröße mindestens 24x24 Pixel (2.5.8 - AA)
Klickbare Elemente (Buttons, Links, Checkboxen) müssen mindestens 24x24 CSS-Pixel groß sein. Ausnahmen gelten für Inline-Links im Fließtext und Elemente, deren Größe vom Browser bestimmt wird.
Drag-and-Drop braucht Alternative (2.5.7 - AA)
Funktionen die Ziehen (Drag-and-Drop) erfordern, müssen auch ohne Ziehbewegung bedienbar sein - zum Beispiel über Buttons oder Eingabefelder. Das hilft Menschen mit motorischen Einschränkungen.
Hilfe immer am gleichen Ort (3.2.6 - A)
Wenn Sie auf mehreren Seiten Hilfe-Elemente anbieten (Telefonnummer, Chat, FAQ-Link), müssen diese in der gleichen relativen Position stehen. Nutzer sollen nicht auf jeder Seite neu suchen müssen.
Keine doppelte Dateneingabe (3.3.7 - A)
In mehrstufigen Prozessen (Checkout, Anmeldung, Buchung) dürfen bereits eingegebene Daten nicht erneut abgefragt werden. Adresse, Name, E-Mail - was einmal eingegeben wurde, muss automatisch vorausgefüllt oder zur Auswahl angeboten werden.
Barrierefreie Anmeldung (3.3.8 - AA)
Login-Prozesse dürfen keinen kognitiven Funktionstest erfordern - es sei denn, es gibt eine Alternative. Konkret: Passwortmanager und Einfügen aus der Zwischenablage dürfen nicht blockiert werden. CAPTCHAs brauchen eine zugängliche Alternative.
Weitere neue Kriterien (AAA)
Drei weitere Kriterien gelten auf AAA-Niveau (höchste Stufe, nicht gesetzlich gefordert): Fokus vollständig sichtbar (2.4.12), Fokus-Erscheinung mit Mindestfläche und Kontrast (2.4.13), und eine strengere Variante der barrierefreien Anmeldung (3.3.9).
WCAG 2.2 vs. 2.1: Übersicht
| Kriterium | Stufe | Kernaussage |
|---|---|---|
| 2.4.11 Focus Not Obscured | AA | Fokus nicht vollständig verdeckt |
| 2.5.7 Dragging Movements | AA | Alternative zu Drag-and-Drop |
| 2.5.8 Target Size (Minimum) | AA | Klickflächen mindestens 24x24px |
| 3.2.6 Consistent Help | A | Hilfe immer am gleichen Ort |
| 3.3.7 Redundant Entry | A | Keine doppelte Dateneingabe |
| 3.3.8 Accessible Authentication | AA | Login ohne kognitiven Test |
| 2.4.12 Focus Not Obscured (Enhanced) | AAA | Fokus komplett sichtbar |
| 2.4.13 Focus Appearance | AAA | Fokus-Indikator mit Mindestgröße |
| 3.3.9 Accessible Authentication (Enhanced) | AAA | Login ohne Objekterkennung |
| - | In 2.2 als veraltet entfernt |
Wie geht es weiter?
Eine verabschiedete WCAG 2.3 ist aktuell nicht in Sicht. Stattdessen arbeitet das W3C an WCAG 3.0 - einem grundlegend neuen Ansatz mit anderem Bewertungssystem. Bis WCAG 3.0 verabschiedet wird, bleibt WCAG 2.2 der verbindliche Standard.
Für Ihre Website bedeutet das: Wer jetzt nach WCAG 2.2 AA umsetzt, ist für die absehbare Zukunft gut aufgestellt.
Erfüllt Ihre Website WCAG 2.2?
Prüfen Sie mit unserer Checkliste oder lassen Sie sich beraten.
ZUR CHECKLISTE