3.2.2 Po wprowadzeniu danych - poziom A

Zmiana ustawień dowolnego komponentu interfejsu użytkownika nie powinna powodować zmiany kontekstu, chyba że użytkownik został o tej zmianie poinformowany przed użyciem komponentu.

O co chodzi w kryterium 3.2.2 Po wprowadzeniu danych?

Wprowadzenie danych to nie tylko wpisanie tekstu. To też wybranie opcji z listy, zaznaczenie checkboxa, zmiana wartości czy wybór radio.

WCAG pilnuje tu jednej rzeczy: użytkownik nie powinien być zaskakiwany. Jeśli po zmianie wartości nagle:

• strona się przeładowuje,
• następuje przekierowanie,
• otwiera się nowy widok,
• zmienia się kontekst pracy,

to musi to być wcześniej jasno zakomunikowane albo użytkownik powinien mieć możliwość świadomego zatwierdzenia zmiany.

Najczęstsze powody niespełnienia kryterium 3.2.2

1. Po wyborze opcji w polu (np. select) następuje automatyczne przeładowanie/zmiana strony bez ostrzeżenia, więc użytkownik traci kontrolę nad procesem.
2. Formularz zmienia krok lub wysyła się sam po zaznaczeniu opcji (np. radio), mimo że użytkownik nie wybrał „Wyślij” ani „Dalej”.
3. Filtry i sortowanie zmieniają wyniki natychmiast po zmianie wartości, a użytkownik nie jest o tym uprzedzony i nie ma momentu na sprawdzenie wyboru.

Jak sprawdzić kryterium 3.2.2

Przetestuj kluczowe komponenty, które przyjmują dane: selecty, checkboxy, radio, filtry, sortowanie, wyszukiwarki.

Zmień wartość i obserwuj: czy następuje zmiana kontekstu (przeładowanie, przekierowanie, zmiana kroku, „ucieczka” fokusu). Jeśli tak, sprawdź, czy użytkownik był o tym uprzedzony przed użyciem komponentu. Jeśli nie — 3.2.2 nie jest spełnione.

Rekomendacje jak spełnić kryterium 3.2.2

Jeśli zmiana wartości ma powodować zmianę kontekstu, poinformuj o tym użytkownika zanim zacznie korzystać z komponentu. To może być proste zdanie przy polu: „Zmiana spowoduje odświeżenie wyników” albo „Wybór przeniesie Cię do kolejnego kroku”.

Jeszcze bezpieczniej: rozdziel zmianę wyboru od działania. Zamiast automatycznej zmiany po wyborze, dodaj przycisk typu Zastosuj / Dalej / Aktualizuj. Użytkownik wtedy sam decyduje, kiedy uruchamia zmianę kontekstu.

W formularzach unikaj automatycznego wysyłania po zaznaczeniu opcji. Lepiej, żeby wysłanie zawsze było świadome i wynikało z aktywacji przycisku.

Pełny tekst kryterium 3.2.2 Po wprowadzeniu danych

Zmiana ustawień jakiegokolwiek komponentu interfejsu użytkownika nie powoduje automatycznej zmiany kontekstu, chyba, że użytkownik został poinformowany o takim działaniu, zanim zaczął korzystać z komponentu.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#podczas-wprowadzania-danych

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