WCAG 2.2 — co się zmieniło: 9 nowych kryteriów

WCAG 2.2 to obowiązująca wersja wytycznych dostępności, opublikowana przez W3C w październiku 2023 r. Względem WCAG 2.1 dodaje 9 nowych kryteriów sukcesu i usuwa jedno. To ta wersja, do której odwołuje się European Accessibility Act — praktycznym benchmarkiem jest WCAG 2.2 na poziomie AA.

Jeśli Twoja strona spełniała 2.1, do 2.2 brakuje niewiele. Poniżej masz każde nowe kryterium wyjaśnione po ludzku, z oznaczeniem poziomu (A, AA, AAA) i tym, co realnie musisz sprawdzić.

Krótkie przypomnienie: jak zbudowane jest WCAG

WCAG opiera się na czterech zasadach (POUR): treść ma być postrzegalna, funkcjonalna, zrozumiała i solidna. Więcej w artykule czym jest WCAG. Kryteria mają trzy poziomy: A (podstawa), AA (wymagany przez EAA) i AAA (rozszerzony, rzadko obowiązkowy).

9 nowych kryteriów w WCAG 2.2

Nowe wymagania dotyczą trzech obszarów: widoczności fokusu, obsługi dotykiem i myszą oraz formularzy i logowania. Grupuję je tak samo.

Widoczność fokusu

2.4.11 Fokus niezasłonięty (minimum) — AA. Gdy przechodzisz przez stronę klawiszem Tab, aktywny element nie może chować się za przyklejonym nagłówkiem, banerem cookies czy czatem. Użytkownik musi widzieć, gdzie jest.

2.4.12 Fokus niezasłonięty (rozszerzony) — AAA. Ostrzejsza wersja: fokus nie może być zasłonięty nawet częściowo. To poziom AAA, więc dla zgodności z EAA nie jest wymagany.

2.4.13 Wygląd fokusu — AAA. Określa minimalny rozmiar i kontrast obramowania fokusu. Również AAA.

Obsługa dotykiem i myszą

2.5.7 Ruchy przeciągania — AA. Każdą akcję, która wymaga przeciągnięcia (suwak, zmiana kolejności na liście, mapa), da się wykonać też prostym kliknięciem lub przyciskiem. Przeciąganie bywa niewykonalne dla osób z drżeniem rąk albo korzystających z jednego palca.

2.5.8 Rozmiar celu (minimum) — AA. Elementy klikalne mają mieć co najmniej 24×24 piksele CSS albo odpowiedni odstęp od sąsiadów. Chroni to przed przypadkowym trafieniem w sąsiedni link na małym ekranie.

Formularze i logowanie

3.2.6 Spójna pomoc — A. Jeśli oferujesz kontakt lub pomoc (telefon, czat, formularz), umieść je w tym samym miejscu na każdej podstronie. Użytkownik nie ma za każdym razem szukać od nowa.

3.3.7 Nadmiarowe wprowadzanie danych — A. Nie każ podawać tej samej informacji dwa razy w jednym procesie. Adres z pierwszego kroku podpowiedz albo przenieś do kolejnego, zamiast prosić o ponowne wpisanie.

3.3.8 Dostępne uwierzytelnianie (minimum) — AA. Logowanie nie może zależeć od testu poznawczego — przepisywania zniekształconego tekstu, rozwiązywania zagadek czy zapamiętywania kodu. Musisz dopuścić menedżer haseł (wklejanie) albo inną metodę bez wysiłku pamięciowego.

3.3.9 Dostępne uwierzytelnianie (rozszerzone) — AAA. Wersja bez wyjątków dla rozpoznawania obiektów. Poziom AAA.

Które z nich musisz spełnić

Do zgodności z EAA liczy się poziom AA, czyli wszystkie kryteria A i AA. Z nowych dziewięciu odpada więc tylko trójka AAA:

W praktyce dochodzi Ci sześć nowych kryteriów do sprawdzenia.

Co zostało usunięte

WCAG 2.2 usuwa kryterium 4.1.1 Parsowanie. Sprawdzało ono poprawność kodu HTML, ale nowoczesne przeglądarki radzą sobie z drobnymi błędami składni, więc stało się zbędne. Jeśli poprzedni audyt wskazywał 4.1.1, w 2.2 możesz je pominąć.

Od czego zacząć

Sześć nowych kryteriów najłatwiej wychwycić na żywo: przejdź stronę klawiszem Tab i sprawdź, czy fokus zawsze widać, a przyciski nie są za małe na telefonie. Szybki obraz sytuacji da bezpłatny test. Pełną listę problemów przypisanych do konkretnych kryteriów WCAG 2.2 wraz z wyceną naprawy znajdziesz w audycie WCAG.

Ten artykuł ma charakter informacyjny i nie stanowi porady prawnej.