WCAG 2.2 Vollständiger Leitfaden — 9 Neue Kriterien für Barrierefreiheit (2026)
🎯 Was ist WCAG 2.2?
WCAG 2.2 wurde im Oktober 2023 veröffentlicht und fügt 9 neue Erfolgskriterien zu WCAG 2.1 hinzu, mit Fokus auf mobile Barrierefreiheit, kognitive Barrierefreiheit und Verbesserungen der Benutzererfahrung.
Wichtig: WCAG 2.2 ist abwärtskompatibel mit WCAG 2.1 und 2.0. Wenn Sie WCAG 2.1 entsprechen, sind Sie größtenteils konform — müssen aber die neuen Kriterien beachten.
✅ Testen Sie WCAG 2.2 Konformität kostenlos
Prüfen Sie Ihre Website gegen WCAG 2.1 & 2.2. Keine Anmeldung.
Kostenlos testen →WCAG 2.2 vs WCAG 2.1 — Was hat sich geändert?
| Merkmal | WCAG 2.1 | WCAG 2.2 |
|---|---|---|
| Gesamtanzahl Kriterien | 78 Kriterien | 87 Kriterien (+9) |
| Level A Kriterien | 30 Kriterien | 33 Kriterien (+3) |
| Level AA Kriterien | 20 Kriterien | 23 Kriterien (+3) |
Die 9 neuen WCAG 2.2 Erfolgskriterien
2.4.11 — Fokus-Anzeige AA
Der Tastaturfokus-Indikator muss gut sichtbar sein. Mindestfläche: 2px dicker Umfang des fokussierten Steuerelements.
/* Fokus-Anzeige gemäß WCAG 2.4.11 */
:focus {
outline: 3px solid #3b82f6;
outline-offset: 2px;
}
2.5.8 — Zielgröße AA
Berührungsziele (Buttons, Links) müssen mindestens 24x24 CSS-Pixel groß sein.
button, a, [role="button"] {
min-width: 24px;
min-height: 24px;
padding: 8px;
}
2.4.12 — Fokus nicht verdeckt AA
Fokussierte Elemente dürfen nicht von anderen Inhalten (z.B. fixierten Kopfzeilen) verdeckt werden.
html {
scroll-padding-top: 80px;
}
3.3.8 — Zugängliche Authentifizierung AA
Authentifizierungsprozesse dürfen nicht auf kognitiven Funktionstests basieren (Passwörter merken, Rätsel lösen).
4.1.3 — Statusmeldungen AA
Statusmeldungen müssen von Screenreadern angekündigt werden, ohne dass der Fokus verschoben wird.
<div role="status" aria-live="polite">
{{ statusMessage }}
</div>
🔍 Testen Sie Ihre Website auf WCAG 2.2
Kostenloser Barrierefreiheits-Scan — inklusive WCAG 2.1 und 2.2 Kriterien.
Kostenlos testen →Prioritäten für die Implementierung
Priorität 1: Zielgröße (2.5.8)
Stellen Sie sicher, dass alle Berührungsziele mindestens 24x24px groß sind.
Priorität 2: Fokus-Anzeige (2.4.11)
Machen Sie den Tastaturfokus gut sichtbar.
Priorität 3: Fokus nicht verdeckt (2.4.12)
Überprüfen Sie, ob fixierte Kopfzeilen fokussierte Elemente verdecken.
Kostenlose Barrierefreiheits-Tools
- ADA Checker: Kostenlos testen →
- PDF Checker: PDF prüfen →
- Tastatur-Tester: Tastatur testen →
- Farbkontrast-Prüfer: Kontrast prüfen →
👉 Alle Tools: All 11 Free Tools →
❓ Häufig gestellte Fragen
🚀 Testen Sie WCAG 2.2 Konformität jetzt
Kostenloser WCAG-Checker — inklusive WCAG 2.1 & 2.2. Keine Anmeldung.
Kostenlos testen →Keine Anmeldung. 10 Sekunden. WCAG 2.2 bereit.
💬 Comments (0)