Cel kryterium - czyli o co chodzi?
Kryterium 2.4.3 odnosi się do logicznego i przewidywalnego ustawienia kolejności przechodzenia między aktywnymi elementami na stronie za pomocą klawiatury. Chodzi o to, by użytkownicy, szczególnie ci korzystający z klawiatury lub technologii wspomagających, mogli w łatwy sposób poruszać się po stronie bez uczucia zagubienia.
Dlaczego to ważne?
Osoby niewidome, słabowidzące lub z ograniczeniami motorycznymi często korzystają z klawisza Tab, aby przechodzić między aktywnymi elementami na stronie. Nieprzewidywalna lub nielogiczna kolejność może utrudnić im poruszanie się i korzystanie z funkcji strony.
Podstawowe zasady
-
Kolejność fokusu powinna być logiczna – zazwyczaj od lewej do prawej, z góry na dół.
-
Wyjątki są dopuszczalne, o ile mają uzasadnienie (np. w przypadku przycisków nawigacyjnych).
-
Aktywne elementy w oknach modalnych powinny być fokusowane w obrębie tego okna, aż do jego zamknięcia.
-
Po zamknięciu okna modalnego fokus powinien wracać do elementu, który je otworzył.
Przykłady poprawnej kolejności fokusu
-
Formularz rejestracyjny: Kolejność tabulacji powinna prowadzić użytkownika od pola „Imię”, przez „Nazwisko”, aż do przycisku „Zarejestruj się”. Pola opcjonalne, takie jak „Telefon”, mogą znajdować się później, ale wciąż w logicznym porządku.
-
Okna modalne: Po otwarciu okna modalnego fokus powinien automatycznie przejść na jego pierwszy interaktywny element, np. pole tekstowe lub przycisk „Zamknij”. Nawigacja klawiszem Tab nie powinna wychodzić poza ramy tego okna.
-
Menu nawigacyjne: W rozwijanym menu kolejne pozycje powinny być fokusowane w logicznej kolejności, od góry do dołu. Po wyjściu z menu fokus wraca do elementu głównego, np. przycisku otwierającego menu.
Najczęściej popełniane błędy
-
Brak ustawienia fokusu na pierwszym aktywnym elemencie po załadowaniu strony lub otwarciu modalnego okna.
-
Nielogiczna kolejność tabulacji, np. przechodzenie od pola na dole formularza do elementów na samej górze strony.
-
Brak zamkniętej pętli tabulacji w modalnych oknach – użytkownik może „wydostać się” poza okno modalne.
Jak sprawdzić, czy kolejność fokusu jest poprawna?
Można to zrobić ręcznie, używając klawiatury i klawisza Tab, by przechodzić między elementami. Warto też korzystać z narzędzi wspierających, takich jak wtyczki do przeglądarek (np. Axe DevTools), które wskażą potencjalne problemy z dostępnością.
Podsumowanie
Kolejność fokusu to kluczowy element dostępności cyfrowej. Poprawnie zaimplementowana ułatwia życie każdemu użytkownikowi, zwłaszcza tym, którzy nie korzystają z myszy. Pamiętajmy, by nawigacja była zawsze przewidywalna, logiczna i dostosowana do potrzeb użytkowników.
