Kryterium 2.4.3 – Kolejność fokusu z wytycznych WCAG 2.1 (poziom A) zapewnia, że użytkownicy nawigujący przy pomocy klawiatury mogą poruszać się po stronie w logiczny i intuicyjny sposób – np. od góry do dołu, z lewej do prawej, lub zgodnie z wizualnym układem treści.
W tym artykule pokażemy, jak sprawdzić zgodność z tym kryterium.
Co to znaczy „kolejność fokusu”?
Gdy ktoś porusza się po stronie za pomocą klawisza Tab, kolejne elementy (linki, przyciski, pola formularzy) zostają podświetlone – mówimy, że „otrzymują fokus”.
Kolejność fokusu powinna odpowiadać kolejności, w jakiej treści są ułożone wizualnie – czyli najpierw menu, potem nagłówek, następnie główna treść, formularze itd.
Nieprawidłowa kolejność może utrudniać zrozumienie treści, a nawet uniemożliwić ukończenie formularzy.
Jak sprawdzić zgodność z kryterium 2.4.3 bez wiedzy technicznej?
1. Przetestuj stronę samym klawiszem Tab
Co zrobić?
Wejdź na stronę i użyj tylko klawisza Tab, by przeskakiwać między elementami. Obserwuj, co zostaje podświetlone (czyli otrzymuje fokus).
Na co zwrócić uwagę?
-
Czy fokus przemieszcza się w naturalnym, przewidywalnym porządku?
-
Czy nie „skacze” przypadkowo między różnymi miejscami strony?
-
Czy nie przeskakuje do stopki lub menu, zanim skończy się główna treść?
Przykład błędu:
Po załadowaniu strony pierwszy fokus trafia do menu w stopce, zamiast do głównego nagłówka. To dezorientuje użytkownika.
2. Sprawdź formularze i interaktywne elementy
Co zrobić?
Spróbuj wypełnić formularz tylko za pomocą klawiatury (Tab, Shift+Tab, Enter). Zwróć uwagę, czy kursor porusza się logicznie: od pola do pola, a nie losowo.
Na co zwrócić uwagę?
-
Czy kolejność przechodzenia między polami odpowiada ich ułożeniu na ekranie?
-
Czy nie trzeba się cofać lub „skakać” do góry strony?
Dlaczego to ważne?
Dla osób korzystających z klawiatury, w tym wielu użytkowników z niepełnosprawnościami, logiczna kolejność fokusu jest niezbędna do zrozumienia struktury strony i poprawnej interakcji z treścią.
Nieprawidłowy porządek może sprawić, że:
-
użytkownik pominie ważne treści,
-
nie zrozumie, co się dzieje na stronie,
-
nie będzie w stanie wypełnić formularza czy ukończyć zakupu.
Podsumowanie
Kryterium 2.4.3 – Kolejność fokusu dba o to, by użytkownicy nawigujący klawiaturą mogli poruszać się po stronie w sposób logiczny i przewidywalny.
Dobre praktyki:
-
Upewnij się, że wszystkie aktywne elementy (linki, przyciski, pola).
-
Zachowuj logiczną kolejność – zgodną z układem treści.
-
Testuj stronę wyłącznie klawiaturą – sprawdzaj, czy nawigacja jest płynna i intuicyjna.
Zgodność z tym kryterium poprawia doświadczenie użytkowników i zwiększa dostępność strony – bez konieczności skomplikowanych zmian.