WCAG 2.2-Richtlinien

Praxisnahe, entwicklerfreundliche Anleitung zu WCAG 2.2 – was neu ist, was zu bauen ist und wie man testet.

Zuletzt geprüft: 25. August 2026.

WCAG 2.2-Checkliste nach Stufe und Team

Nutzen Sie diese Checkliste, um Anforderungen nach Konformitätsstufe (A, AA, AAA) und Arbeitsbereich (Design, Entwicklung, Inhalt) zu prüfen.

Stufe AStufe AAStufe AAADesignEntwicklungInhalt
AnforderungErklärung in einfacher SpracheSo testen SieHäufiger FehlerSo beheben Sie esZugehörige GetWCAG-Ressource
AADesign
2.5.8 Zielgröße (Minimum) – AA
Ziele mindestens 24×24 CSS-px oder ausreichend Abstand.Zeigerprüfungen: 24×24 oder Abstand; kein Pflicht-Ziehen. (2.5.7/2.5.8)Primary buttons and icon-only controls are too small on mobile.Increase interactive target size to at least 24x24 CSS px or add spacing.Farbkontrastprüfer
AADevelopment
2.4.11 Fokus nicht verdeckt (Minimum) – AA
Fokussierte Elemente müssen mindestens teilweise sichtbar sein (vermeiden, dass sticky UI den Fokus verdeckt).Tastaturdurchlauf: Fokus sichtbar und nicht verdeckt bestätigen. (2.4.11)Sticky headers hide focused links or form controls.Adjust scroll offset and sticky layouts so focused elements remain visible.WCAG 2.2 Testbibliothek
AADevelopment
2.5.7 Ziehbewegungen – AA
Ein Ein-Zeiger-Alternativweg zum Ziehen anbieten (z. B. Schaltflächen zum Verschieben/Skalieren).Zeigerprüfungen: 24×24 oder Abstand; kein Pflicht-Ziehen. (2.5.7/2.5.8)Drag-and-drop is required with no keyboard or tap alternative.Provide add/remove, reorder, or move buttons as single-pointer alternatives.WCAG 2.2 Testbibliothek
AAContent
3.3.8 Barrierefreie Authentifizierung (Minimum) – AA
Keine kognitiven Tests; Passwortmanager, Kopieren/Einfügen, Passkeys etc. zulassen.Auth: Einfügen & Manager erlauben; Passkeys/E-Mail-Link anbieten. (3.3.8)Login flow blocks password manager paste and passkeys.Allow paste/autofill and provide authentication methods without cognitive tests.Manuelle Barrierefreiheits-Audits durch einen Experten
AContent
3.2.6 Konsistente Hilfe – A
Hilfemechanismen an konsistenter Position über Seiten hinweg bereitstellen.Mehrschritt-Abläufe: Daten beibehalten; Hilfe konsistent platzieren. (3.3.7 / 3.2.6)Help links or support actions move between templates.Keep support entry points in a consistent location across key pages.Europäisches Barrierefreiheitsgesetz
AAADesign
2.4.13 Fokusdarstellung – AAA
Deutlicher Fokusindikator mit ausreichendem Kontrast.Tastaturdurchlauf: Fokus sichtbar und nicht verdeckt bestätigen. (2.4.11)Focus ring blends into backgrounds and components.Increase focus indicator thickness and contrast against adjacent colors.Farbkontrastprüfer

Was ist neu in WCAG 2.2

WCAG 2.2 ergänzt 9 neue Erfolgskriterien und entfernt 4.1.1 Parsing. Konformität mit 2.2 impliziert 2.1/2.0 (abwärtskompatibel). [1]

  • 2.4.11 Fokus nicht verdeckt (Minimum) – AA
    Fokussierte Elemente müssen mindestens teilweise sichtbar sein (vermeiden, dass sticky UI den Fokus verdeckt). [2]
  • 2.4.12 Fokus nicht verdeckt (Erweitert) – AAA
    Das fokussierte Element ist vollständig sichtbar. [3]
  • 2.4.13 Fokusdarstellung – AAA
    Deutlicher Fokusindikator mit ausreichendem Kontrast. [4]
  • 2.5.7 Ziehbewegungen – AA
    Ein Ein-Zeiger-Alternativweg zum Ziehen anbieten (z. B. Schaltflächen zum Verschieben/Skalieren). [5]
  • 2.5.8 Zielgröße (Minimum) – AA
    Ziele mindestens 24×24 CSS-px oder ausreichend Abstand. [6]
  • 3.2.6 Konsistente Hilfe – A
    Hilfemechanismen an konsistenter Position über Seiten hinweg bereitstellen. [7]
  • 3.3.7 Redundante Eingabe – A
    Nutzer in Mehrschritt-Abläufen nicht erneut dieselben Daten eingeben lassen; vorbefüllen oder „Vorherige verwenden“. [8]
  • 3.3.8 Barrierefreie Authentifizierung (Minimum) – AA
    Keine kognitiven Tests; Passwortmanager, Kopieren/Einfügen, Passkeys etc. zulassen. [9]
  • 3.3.9 Barrierefreie Authentifizierung (Erweitert) – AAA
    Gleiche Zielsetzung, strengere Abdeckung. [10]

AA-Checkliste (bauen & testen)

Decke diese wirkungsstarken AA-Bereiche ab, einschließlich der neuen 2.2-Punkte.

Fokus & Tastatur

  • Alle Steuerelemente per Tab/Shift+Tab erreichbar; keine Fallen.
  • Sichtbarer :focus-visible-Rahmen mit gutem Kontrast. (2.4.11/2.4.13) [11]
  • Fokus wird nicht von sticky Kopf-/Fußbereichen verdeckt. (2.4.11) [12]

Zeiger & Zielgröße

  • Alternative zum Ziehen für alle Funktionen. (2.5.7) [13]
  • Ziele ≥ 24×24 CSS-px oder ausreichender Abstand. (2.5.8) [14]

Formulare & Authentifizierung

  • Explizite Labels; hilfreiche Fehlermeldungen; programmatischer Status.
  • Nicht zweimal nach denselben Daten im selben Prozess fragen. (3.3.7) [15]
  • Einfügen/Passwortmanager/Passkeys zulassen; kognitive Tests vermeiden. (3.3.8) [16]

Hilfe & Prozess

  • Hilfelinks oder Kontakt konsistent platzieren. (3.2.6) [17]
  • Vollständige Seiten und komplette Prozesse müssen das Zielniveau erreichen (nicht nur einzelne Screens). [18]

WCAG-Konformität (wie sie erreicht wird)

  • Level: A, AA, AAA. Richtlinien zielen meist auf AA. [19]
  • Vollständige Seiten & komplette Prozesse: Jeder Schritt erfüllt das Niveau. [20]
  • Zugänglichkeitsunterstützte Technologien und keine Inhalte, die Erfolgskriterien verletzen. [21]
  • Abwärtskompatibel: 2.2 baut auf 2.1/2.0 auf; 4.1.1 entfernt. [22]

Testablauf (praktisch)

  1. Automatisierte Regeln (GetWCAG) für schnelle Funde.
  2. Tastaturdurchlauf: Fokus sichtbar und nicht verdeckt bestätigen. (2.4.11) [23]
  3. Zeigerprüfungen: 24×24 oder Abstand; kein Pflicht-Ziehen. (2.5.7/2.5.8) [24]
  4. Auth: Einfügen & Manager erlauben; Passkeys/E-Mail-Link anbieten. (3.3.8) [25]
  5. Mehrschritt-Abläufe: Daten beibehalten; Hilfe konsistent platzieren. (3.3.7 / 3.2.6) [26]

„Keine automatischen Probleme“ ≠ Konformität. Manuelle Prüfung ist erforderlich.

FAQ

Wenn ich 2.2 AA erfülle, erfülle ich damit 2.1 AA?

Ja – WCAG 2.2 ist eine Ergänzung zu 2.1/2.0 (4.1.1 wurde entfernt). [27]

Ist AAA verpflichtend?

In der Regel nein. Behandle AAA (z. B. 2.4.12, 2.4.13, 3.3.9) als ambitionierte Ziele, außer wenn Richtlinien es verlangen. [28]

Offizielle Referenzen
  1. What’s new in WCAG 2.2 (W3C)
  2. Understanding 2.4.11
  3. Understanding 2.4.12
  4. Understanding 2.4.13
  5. Understanding 2.5.7
  6. Understanding 2.5.8
  7. Understanding 3.2.6
  8. Understanding 3.3.7
  9. Understanding 3.3.8
  10. Understanding 3.3.9
  11. Focus appearance guidance
  12. Focus not obscured guidance
  13. Dragging movements
  14. Target size minimum
  15. Redundant entry
  16. Accessible authentication (min)
  17. Consistent help
  18. Conformance basics
  19. WCAG overview
  20. Full pages & processes
  21. Accessibility-supported
  22. New in 2.2 / 4.1.1 note
  23. Keyboard sweep ref
  24. Pointer & target size
  25. Auth checks
  26. Process consistency
  27. 2.2 implies 2.1/2.0
  28. AAA context
WCAG 2.2-Richtlinien (AA-Fokus), Praxisleitfaden