Wytyczne WCAG 2.2

Praktyczne, gotowe dla programistów wskazówki dotyczące WCAG 2.2 — co nowego, co budować i jak testować.

Co nowego w WCAG 2.2

WCAG 2.2 dodaje 9 nowych Kryteriów Sukcesu i usuwa 4.1.1 Parsowanie. Zgodność z 2.2 implikuje 2.1/2.0 (kompatybilność wsteczna). [1]

  • 2.4.11 Fokus Nie Zasłonięty (Minimum) – AA
    Skupione elementy muszą być przynajmniej częściowo widoczne (unikaj lepkiego interfejsu użytkownika ukrywającego fokus). [2]
  • 2.4.12 Fokus Nie Zasłonięty (Rozszerzony) – AAA
    Skupiony element w pełni widoczny. [3]
  • 2.4.13 Wygląd Fokusu – AAA
    Wyraźny, wystarczająco kontrastowy wskaźnik fokusu. [4]
  • 2.5.7 Ruchy Przeciągania – AA
    Zapewnij alternatywę dla przeciągania za pomocą jednego wskaźnika (np. przyciski do przesuwania/zmiany rozmiaru). [5]
  • 2.5.8 Rozmiar Celu (Minimum) – AA
    Cele mają co najmniej 24×24 CSS px lub wystarczające odstępy. [6]
  • 3.2.6 Spójna Pomoc – A
    Utrzymuj mechanizmy pomocy w spójnym miejscu na wszystkich stronach. [7]
  • 3.3.7 Redundantne Wprowadzanie – A
    Nie zmuszaj użytkowników do ponownego wprowadzania informacji w wieloetapowych przepływach; wstępnie wypełnij lub zaoferuj „użyj poprzedniego”. [8]
  • 3.3.8 Dostępne Uwierzytelnianie (Minimum) – AA
    Unikaj testów poznawczych; zezwalaj na menedżery haseł, kopiuj/wklej, klucze dostępu itp. [9]
  • 3.3.9 Dostępne Uwierzytelnianie (Rozszerzone) – AAA
    Ten sam zamiar, bardziej rygorystyczny zakres. [10]

Lista kontrolna AA (budowa i testowanie)

Obejmij te obszary AA o dużym wpływie, w tym nowe elementy 2.2.

Fokus i Klawiatura

  • Każdy element sterujący osiągalny za pomocą Tab / Shift+Tab; brak pułapek.
  • Widoczny zarys :focus-visible z dobrym kontrastem. (2.4.11/2.4.13) [11]
  • Skupiony element nie jest ukryty przez lepkie nagłówki/stopki. (2.4.11) [12]

Wskaźnik i Rozmiar Celu

  • Alternatywa dla przeciągania dla wszystkich funkcji. (2.5.7) [13]
  • Cele ≥ 24×24 CSS px lub wystarczające odstępy. (2.5.8) [14]

Formularze i Uwierzytelnianie

  • Jawne etykiety; pomocne błędy; stan programowy.
  • Nie proś o informacje dwa razy w jednym procesie. (3.3.7) [15]
  • Zezwalaj na wklejanie / menedżerów / klucze dostępu; unikaj testów poznawczych. (3.3.8) [16]

Pomoc i Proces

  • Umieść linki pomocy lub kontakt w spójnym miejscu na wszystkich stronach. (3.2.6) [17]
  • Pełne strony i kompletne procesy spełniają docelowy poziom (nie tylko pojedyncze ekrany). [18]

Zgodność (jak WCAG jest „spełniane”)

  • Poziomy: A, AA, AAA. Cele polityki to zazwyczaj AA. [19]
  • Pełne strony i kompletne procesy: każdy krok musi spełniać poziom. [20]
  • Technologia obsługiwana przez dostępność i brak treści, które naruszają kryteria sukcesu. [21]
  • Kompatybilność wsteczna: 2.2 dodaje do 2.1/2.0; 4.1.1 usunięto. [22]

Przepływ pracy testowania (praktyczny)

  1. Automatyczne reguły (GetWCAG) dla szybkich przechwytywań.
  2. Przeszukiwanie klawiatury: potwierdź widoczność fokusu i brak zasłonięcia. (2.4.11) [23]
  3. Sprawdzanie wskaźnika: weryfikacja 24×24 lub odstępów; brak wymaganego przeciągania. (2.5.7/2.5.8) [24]
  4. Uwierzytelnianie: zezwalaj na wklejanie i menedżerów; oferuj klucze dostępu / link e-mail. (3.3.8) [25]
  5. Wielokrokowe przepływy: zachowaj dane; spójna lokalizacja pomocy. (3.3.7 / 3.2.6) [26]

„Brak automatycznych problemów” ≠ zgodność. Wymagana jest ręczna weryfikacja.

FAQ

Jeśli spełniam wymagania 2.2 AA, czy spełniam wymagania 2.1 AA?

Tak — WCAG 2.2 jest dodatkiem do 2.1/2.0 (z wyjątkiem usuniętego 4.1.1). [27]

Czy AAA jest wymagane?

Zazwyczaj nie. Traktuj AAA (np. 2.4.12, 2.4.13, 3.3.9) jako cele rozszerzone, chyba że polityka je nakazuje. [28]

Oficjalne odniesienia
  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
Wytyczne WCAG 2.2 (Skupienie AA) — Praktyczny Przewodnik