ACCESSIBILITY / WCAG

WCAG 2.2 na stronie internetowej: co trzeba sprawdzić poza kontrastem kolorów?

Dostępność nie sprowadza się do kontrastu i automatycznego skanera. Trzeba ocenić strukturę, obsługę klawiaturą, widoczność focusu, etykiety, komunikaty błędów, media, ruch oraz pełne wykonanie kluczowych zadań.

1. Semantyka opisuje strukturę

Nagłówki, landmarki, listy, przyciski i formularze powinny używać elementów odpowiadających ich funkcji. Poprawna semantyka pomaga technologii wspomagającej zrozumieć stronę bez zgadywania z wyglądu.

2. Klawiatura i focus muszą pozwalać wykonać zadanie

Użytkownik powinien móc przejść przez interaktywne elementy w logicznej kolejności, widzieć aktualny focus i nie zostać uwięziony w komponencie takim jak modal czy menu.

3. Formularz potrzebuje etykiet i zrozumiałych błędów

Placeholder nie jest pełnym zamiennikiem etykiety. Błąd powinien wskazywać problem i sposób poprawy, a ważna informacja nie może być komunikowana wyłącznie kolorem.

4. Automat jest pomocą, nie certyfikatem

Skaner wykrywa część problemów kodu, ale nie oceni wszystkich aspektów sensu, kolejności, zrozumiałości czy działania kluczowego procesu. Audyt wymaga również testów ręcznych.

NASTĘPNY KROK / PROJEKT

Potrzebujesz przełożyć tę wiedzę na konkretną stronę?

Opisz projekt