Wytyczne WCAG 2.2

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

Ostatnio sprawdzono: 25 sierpnia 2026.

Lista kontrolna WCAG 2.2 według poziomu i zespołu

Użyj tej listy kontrolnej, aby sprawdzać wymagania według poziomu zgodności (A, AA, AAA) oraz obszaru pracy (Projektowanie, Rozwój, Treść).

Poziom APoziom AAPoziom AAAProjektowanieRozwójTreść
WymaganieWyjaśnienie prostym językiemJak testowaćTypowy błądJak naprawićPowiązany zasób GetWCAG
AADesign
2.5.8 Rozmiar Celu (Minimum) – AA
Cele mają co najmniej 24×24 CSS px lub wystarczające odstępy.Sprawdzanie wskaźnika: weryfikacja 24×24 lub odstępów; brak wymaganego przeciągania. (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.Sprawdzanie kontrastu
AADevelopment
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).Przeszukiwanie klawiatury: potwierdź widoczność fokusu i brak zasłonięcia. (2.4.11)Sticky headers hide focused links or form controls.Adjust scroll offset and sticky layouts so focused elements remain visible.biblioteka testów zgodności WCAG 2.2
AADevelopment
2.5.7 Ruchy Przeciągania – AA
Zapewnij alternatywę dla przeciągania za pomocą jednego wskaźnika (np. przyciski do przesuwania/zmiany rozmiaru).Sprawdzanie wskaźnika: weryfikacja 24×24 lub odstępów; brak wymaganego przeciągania. (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.biblioteka testów zgodności WCAG 2.2
AAContent
3.3.8 Dostępne Uwierzytelnianie (Minimum) – AA
Unikaj testów poznawczych; zezwalaj na menedżery haseł, kopiuj/wklej, klucze dostępu itp.Uwierzytelnianie: zezwalaj na wklejanie i menedżerów; oferuj klucze dostępu / link e-mail. (3.3.8)Login flow blocks password manager paste and passkeys.Allow paste/autofill and provide authentication methods without cognitive tests.Manualne audyty dostępności przeprowadzane przez eksperta
AContent
3.2.6 Spójna Pomoc – A
Utrzymuj mechanizmy pomocy w spójnym miejscu na wszystkich stronach.Wielokrokowe przepływy: zachowaj dane; spójna lokalizacja pomocy. (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.Wszystko na temat
AAADesign
2.4.13 Wygląd Fokusu – AAA
Wyraźny, wystarczająco kontrastowy wskaźnik fokusu.Przeszukiwanie klawiatury: potwierdź widoczność fokusu i brak zasłonięcia. (2.4.11)Focus ring blends into backgrounds and components.Increase focus indicator thickness and contrast against adjacent colors.Sprawdzanie kontrastu

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