3.2.1 Po otrzymaniu fokusu - poziom A

Gdy dowolny komponent interfejsu użytkownika otrzymuje fokus, nie powinien z tego powodu następować nieoczekiwany kontekstowy skok, zmiana strony lub rozpoczęcie działania.

O co chodzi w kryterium 3.2.1 Po otrzymaniu fokusu?

Fokus pojawia się wtedy, gdy użytkownik przechodzi po stronie klawiaturą (Tab/Shift+Tab) albo wchodzi w pole formularza. Sam fakt, że element dostał fokus, nie powinien uruchamiać zmian, które przenoszą użytkownika gdzie indziej.

W praktyce użytkownik ma mieć kontrolę: najpierw wchodzi na element, potem dopiero świadomie go aktywuje (np. Enterem, kliknięciem).

Najczęstsze powody niespełnienia kryterium 3.2.1

1. Wejście fokusem w pole lub kontrolkę automatycznie zmienia stronę, przeładowuje widok albo przenosi użytkownika do innego miejsca.
2. Fokus uruchamia akcję bez decyzji użytkownika, np. wybór w polu od razu zatwierdza i przełącza krok, a użytkownik chciał tylko przejść przez elementy klawiaturą.
3. Komponenty typu menu, listy rozwijane, filtry reagują na sam fokus tak, że zmienia się kontekst (np. otwiera się nowy panel, strona przewija się, zmieniają się wyniki), mimo że użytkownik niczego jeszcze nie zatwierdził.

Jak sprawdzić kryterium 3.2.1 Po otrzymaniu fokusu

Odłóż mysz i przejdź stronę klawiaturą

Naciskaj Tab i obserwuj, co się dzieje przy samym wejściu na element.

Jeśli po wejściu fokusem strona sama przeładowuje widok, przenosi Cię gdzie indziej, otwiera nową stronę albo uruchamia akcję — to jest sygnał niespełnienia 3.2.1.

Skup się na miejscach ryzykownych

są to formularze (selecty, radio), filtry, menu rozwijane, wyszukiwarki, listy wyników.

Sprawdź różnicę między fokusem a aktywacją

wejście fokusem ma tylko ustawić element jako aktywny, a dopiero Enter/Spacja/klik powinny wywołać działanie. Jeśli działanie dzieje się już na fokusie, 3.2.1 jest złamane.

Rekomendacje jak spełnić kryterium 3.2.1

Oddziel wejście na element od wykonania akcji. Fokus ma służyć do nawigacji, a działanie ma następować dopiero po świadomym uruchomieniu (klik/Enter/Spacja). 

Jeśli masz elementy, które zmieniają widok (np. filtr, wybór opcji), dodaj wyraźny krok zatwierdzenia, typu przycisk Zastosuj, zamiast zmiany na samym fokusie.

Pełny tekst kryterium 3.2.1 Po otrzymaniu fokusu

Przyjęcie fokusu przez dowolny komponent interfejsu użytkownika nie powoduje nieoczekiwanej zmiany kontekstu.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#po-otrzymaniu-fokusu

Chcesz wiedzieć więcej?

• 3.1.1 Język strony - poziom A
• 3.1.2 Język części - poziom AA
• 3.1.3 Nietypowe słowa - poziom AAA
• 3.1.4 Skróty - poziom AAA
• 3.1.5 Poziom umiejętności czytania - poziom AAA
• 3.1.6 Wymowa - poziom AAA
• 3.2.1 Po otrzymaniu fokusu - poziom A
• 3.2.2 Po wprowadzeniu danych - poziom A
• 3.2.3 Spójna nawigacja - poziom AA
• 3.2.4 Spójna identyfikacja - poziom AA
• 3.2.5 Zmiana na żądanie - poziom AAA