Poziomy WCAG: A, AA, AAA

Około 15% ludzi na świecie ma jakąś formę niepełnosprawności. Dostępne strony działają dla wszystkich: użytkowników czytników ekranu, osób korzystających wyłącznie z klawiatury, osób słabowidzących oraz użytkowników wolnych sieci. Dostępność jest również wymogiem prawnym w wielu jurysdykcjach.

WCAG to standard W3C określający, jakie cechy sprawiają, że treści internetowe są dostępne. Aktualna wersja to WCAG 2.2 (październik 2023 r.). Następca, WCAG 3, jest na wczesnym etapie tworzenia projektu.

WCAG opiera się na czterech zasadach: Postrzegalność, Funkcjonalność, Zrozumiałość i Solidność. Każde kryterium sukcesu należy do jednej z nich.

Informacje muszą być przedstawiane w sposób możliwy do odebrania przez użytkowników: obrazy powinny mieć tekst alternatywny, filmy — napisy, kontrast kolorów musi być wystarczający, a tekst powinien dać się powiększyć do 200% bez utraty funkcjonalności.

Cała funkcjonalność musi być dostępna z klawiatury: bez interakcji wymagających wyłącznie myszy, z wystarczającą ilością czasu na przeczytanie treści, bez migających elementów mogących wywołać napady oraz z jasnymi sposobami nawigacji.

Treści i sposób obsługi muszą być zrozumiałe: język czytelny i zadeklarowany, przewidywalne schematy nawigacji, jasne komunikaty o błędach z podpowiedziami oraz spójne etykiety.

Treści muszą działać z obecnymi i przyszłymi technologiami wspomagającymi. Należy używać poprawnego HTML, stosować dobre praktyki ARIA oraz zapewnić możliwość programowego określenia nazwy, roli i wartości.

Poziom A: minimum (wymagane elementy). Poziom AA: standardowy cel (wymagany przez większość przepisów). Poziom AAA: najwyższy poziom, niepraktyczny dla całych witryn — stosowany tylko na kluczowych stronach.

Większość projektów dąży do zgodności z WCAG 2.1 AA lub 2.2 AA — poziomem wymaganym przez European Accessibility Act (EAA), Section 508 w USA oraz większość zasad zamówień w dużych przedsiębiorstwach.

Poziom A: tekst alternatywny obrazów, obsługa z klawiatury. Poziom AA: współczynnik kontrastu tekstu 4,5:1, nieprzekazywanie informacji wyłącznie za pomocą koloru, widoczny fokus, możliwość powiększenia do 200%. Poziom AAA: kontrast 7:1, język migowy w filmach, pomoc zależna od kontekstu.

1) Należy dodać tekst alternatywny do każdego obrazu. 2) Należy używać semantycznego HTML (button, nav, h1-h6). 3) Należy zapewnić współczynnik kontrastu co najmniej 4,5:1. 4) Należy przetestować stronę wyłącznie za pomocą klawiatury. 5) Należy dodać etykiety do każdego pola formularza. 6) Należy używać widocznego wskaźnika fokusu.

WCAG 2.2 to obecny standard. Cztery zasady: postrzegalność, funkcjonalność, zrozumiałość i solidność (POUR). Trzy poziomy zgodności: A (podstawowy), AA (wymagany prawnie), AAA (najwyższy). Aby zapewnić zgodność z prawem, należy dążyć do poziomu AA. Szybkie usprawnienia: tekst alternatywny, semantyczny HTML, kontrast 4.5:1, test klawiaturą, opisane etykietami pola i widoczny fokus.