Cel kryterium – czyli o co chodzi?
Kryterium 3.2.1 (poziom A) dotyczy tego, co dzieje się po przejściu fokusu na interaktywny element na stronie. Jego celem jest zapewnienie przewidywalnego działania witryn internetowych – po otrzymaniu fokusu nie powinny występować nagłe zmiany, które mogłyby dezorientować użytkownika. Nie powinno dochodzić do automatycznego wysyłania formularza, nieoczekiwanego przeładowania strony, otwierania modali czy zmiany układu strony bez wcześniejszego działania użytkownika.
Kto skorzysta na tym rozwiązaniu?
Kryterium 3.2.1 jest szczególnie istotne dla użytkowników, którzy korzystają z klawiatury do nawigacji oraz dla osób:
- **Z trudnościami poznawczymi** – nagłe zmiany na stronie mogą powodować dezorientację i stres.
- **Ze słabym wzrokiem lub niewidomych** – niespodziewane zmiany mogą spowodować utratę kontekstu i trudności w odnalezieniu się na stronie.
- **Z ograniczoną mobilnością** – użytkownicy korzystający z technologii asystujących mogą mieć trudności w obsłudze witryny, jeśli fokus zmienia się w nieprzewidziany sposób.
Jak spełnić kryterium WCAG 3.2.1?
Aby zapewnić zgodność z tym kryterium, należy zadbać o przewidywalność działania elementów interaktywnych:
- Okna modalne, tooltipy i listy rozwijane
Nie powinny otwierać się automatycznie po przejściu na dany element. Aktywacja powinna nastąpić dopiero po wyraźnym działaniu użytkownika, np. kliknięciu myszą lub naciśnięciu klawisza Enter/Spacja.
- Pola formularza
Fokus po wejściu do pola tekstowego nie powinien automatycznie przenosić użytkownika w inne miejsce, np. na tooltip z podpowiedzią.
- Kalendarze i rozwijane selektory
Pola wyboru daty lub rozwijane listy nie powinny otwierać się same po otrzymaniu fokusu – dopiero ich aktywacja powinna uruchamiać interakcję.
- Brak automatycznych akcji
Przejście na dany element nie może powodować automatycznego wysłania formularza ani zmiany strony bez zgody użytkownika.
Dlaczego to jest ważne?
Nagłe zmiany na stronie mogą być dezorientujące i utrudniać korzystanie z niej wielu użytkownikom. Wprowadzenie przewidywalnych interakcji pomaga:
- **Zachować kontrolę nad nawigacją** – użytkownik świadomie podejmuje działania na stronie.
- **Zmniejszyć ryzyko przypadkowych błędów** – np. niezamierzonego przesłania formularza.
- **Poprawić komfort użytkowania** – brak nagłych zmian sprawia, że korzystanie z witryny jest mniej stresujące.
Przykłady zastosowania w praktyce
- Portal zakupowy – kliknięcie na pole wyboru daty dostawy nie powinno automatycznie otwierać kalendarza, ale użytkownik powinien mieć możliwość samodzielnego rozwinięcia opcji.
- Serwis bankowy – po przejściu na pole logowania nie powinno dochodzić do automatycznego otwierania okienka z podpowiedzią, które zabiera fokus.
- System rezerwacji – przejście na przycisk „Zarezerwuj” nie może automatycznie potwierdzić rezerwacji – użytkownik musi podjąć świadome działanie.
Czy wiesz, że?
Niektóre strony internetowe celowo automatyzują akcje po przejściu na dany element (np. automatyczne rozwijanie menu). Choć może się to wydawać wygodne, dla wielu użytkowników jest to frustrujące i dezorientujące. WCAG zaleca projektowanie stron w sposób, który pozwala użytkownikowi kontrolować nawigację i interakcje.
Przewidywalność działania elementów interaktywnych to klucz do dobrej dostępności i pozytywnego doświadczenia użytkownika!
