WCAG 2.2-Richtlinien

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

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