Kryterium 3.2.2 – Przy wprowadzaniu danych (Poziom A) ma na celu zapewnienie, że zmiana danych w formularzu nie powoduje nagłych, niespodziewanych akcji, takich jak przekierowanie na inną stronę, wysłanie formularza czy przeładowanie treści.
To ważne, by użytkownicy – szczególnie osoby z niepełnosprawnościami – mieli pełną kontrolę nad interakcją z formularzami, bez ryzyka utraty danych czy zagubienia się w serwisie.
Co oznacza „przy wprowadzaniu danych”?
To sytuacje, gdy użytkownik:
-
wybiera opcję z listy rozwijanej,
-
wpisuje tekst w polu formularza,
-
zaznacza pole wyboru.
Kryterium WCAG mówi: sama zmiana wartości pola nie powinna automatycznie wywoływać zmiany kontekstu strony – np. nie powinna:
-
przekierowywać do innej strony,
-
otwierać nowych okien,
-
zmieniać układu strony bez wyraźnego działania użytkownika.
Jak sprawdzić zgodność z kryterium 3.2.2 bez wiedzy technicznej?
1. Przetestuj formularze i listy rozwijane
Co zrobić?
-
Otwórz stronę i znajdź formularz (np. rejestracyjny, kontaktowy, zamówień).
-
Zmień wartość w polu wyboru, np. wybierz kategorię lub kraj z listy rozwijanej.
Na co zwrócić uwagę?
-
Czy po zmianie wartości strona się przeładowuje lub przekierowuje?
-
Czy dzieje się coś niespodziewanego bez kliknięcia przycisku „Dalej” lub „Wyślij”?
Przykład błędu:
Użytkownik wybiera kraj z listy i strona automatycznie się przeładowuje, pokazując nowe formularze – bez kliknięcia.
2. Sprawdź zachowanie po zaznaczeniu opcji
Co zrobić?
-
Zaznacz pole wyboru, przełącznik, przycisk opcji.
-
Wpisz coś w pole tekstowe.
Na co zwrócić uwagę?
-
Czy interfejs zmienia się od razu?
-
Czy użytkownik może przypadkiem utracić dane lub zgubić kontekst?
Przykład błędu:
Zaznaczenie pola „Zgadzam się z regulaminem” od razu wysyła formularz, zanim użytkownik uzupełni pozostałe dane.
Dlaczego to ważne?
-
Użytkownicy z niepełnosprawnością ruchową mogą przypadkowo wybrać coś, czego nie zamierzali.
-
Osoby z czytnikami ekranu potrzebują czasu, by zrozumieć, co się dzieje.
-
Niespodziewane zmiany utrudniają koncentrację i orientację – szczególnie przy dłuższych formularzach.
Dobre praktyki
-
Nie przeładowuj ani nie zmieniaj strony automatycznie po zmianie wartości formularza.
-
Jeśli zmiana musi wpływać na zawartość – dodaj przycisk, który użytkownik sam kliknie.
-
Informuj użytkownika o możliwej zmianie kontekstu – np. przez komunikat typu: „Zatwierdź, by załadować nowe opcje”.
Podsumowanie
Kryterium 3.2.2 – Przy wprowadzaniu danych chroni użytkowników przed nieoczekiwanym zachowaniem strony. Dzięki niemu mają czas, przewidywalność i kontrolę.
Tworząc dostępne formularze, nie zakładaj automatycznych zmian – pozwól użytkownikowi decydować, kiedy i jak strona ma zareagować.