Kryterium 3.2.1 – Przy fokusie (Poziom A) ma na celu zapewnienie, że żadne elementy na stronie nie zmieniają się automatycznie, gdy użytkownik zaznacza je fokusem (czyli przechodzi do nich np. klawiszem Tab).
Dzięki temu osoby poruszające się po stronie za pomocą klawiatury mają pełną kontrolę nad tym, co się dzieje. To istotne dla osób niewidomych, z ograniczeniami ruchowymi i wszystkich, którzy nie korzystają z myszy.
W tym artykule pokażemy, jak łatwo sprawdzić zgodność z tym kryterium – bez potrzeby znajomości kodu.
Co oznacza „przy fokusie”?
Fokus to moment, w którym dany element na stronie zostaje aktywny – zaznaczony do interakcji. Dzieje się tak np., gdy użytkownik:
-
używa klawisza Tab do poruszania się po stronie,
-
klika element formularza,
-
przechodzi do przycisku lub linku.
Kryterium 3.2.1 mówi, że w takim momencie nic nie powinno się samo zmieniać – bez działania użytkownika (np. kliknięcia lub naciśnięcia Enter).
Jak sprawdzić zgodność z kryterium 3.2.1 bez wiedzy technicznej?
1. Przejdź przez stronę za pomocą klawiatury
Co zrobić?
-
Otwórz stronę w przeglądarce.
-
Użyj klawisza Tab, by poruszać się po kolejnych aktywnych elementach (linkach, przyciskach, polach formularzy).
Na co zwrócić uwagę?
-
Czy po zatrzymaniu się na elemencie coś zmienia się automatycznie – np. strona się przeładowuje, otwiera nowa zakładka, wyświetla reklama?
-
Czy pojawiają się przeszkadzające wyskakujące okna?
Przykład błędu:
Użytkownik naciska Tab i przechodzi na element listy rozwijanej – strona automatycznie przeładowuje się i ładuje nowe dane, bez kliknięcia.
2. Test formularzy, menu i galerii
Co zrobić?
-
Sprawdź formularze kontaktowe, menu główne i galerie zdjęć.
-
Używaj klawiatury (Tab, Shift+Tab, strzałki) do przechodzenia między opcjami.
Na co zwrócić uwagę?
-
Czy element zmienia stan (np. ładuje nową stronę) bez twojej decyzji?
-
Czy możesz zatrzymać się na elemencie i nic się nie dzieje, dopóki sam czegoś nie klikniesz?
Dlaczego to ważne?
-
Użytkownicy klawiatury potrzebują stabilnej nawigacji – nagłe zmiany są dezorientujące.
-
Osoby z niepełnosprawnością poznawczą mogą mieć trudności ze śledzeniem nieoczekiwanych zmian.
-
Czytniki ekranu nie nadążają z komunikatami, jeśli strona się zmienia bez ostrzeżenia.
Dobre praktyki
-
Elementy interaktywne (linki, przyciski) zmieniają coś tylko po działaniu użytkownika.
-
Zmiana strony lub zawartości nie powinna nastąpić tylko dlatego, że ktoś się do niej „zatrzymał”.
-
Używaj atrybutów
onfocusostrożnie i zawsze daj użytkownikowi pełną kontrolę.
Podsumowanie
Kryterium 3.2.1 – Przy fokusie zapewnia, że użytkownik sam decyduje, kiedy i co ma się zmienić na stronie. To prosty warunek, który znacznie poprawia komfort korzystania z witryny – szczególnie dla osób niewidomych i korzystających z klawiatury.
Zadbaj o to, by Twoja strona nie „zaskakiwała” użytkownika – daj mu pełną kontrolę nad interakcją.