Cel kryterium - czyli o co chodzi?
Kryterium 3.3.3 (poziom AA) dotyczy formularzy oraz komunikatów błędów. Zgodnie z jego wymaganiami, użytkownik powinien otrzymać jasne informacje na temat popełnionego błędu oraz instrukcję, jak go poprawić. Dzięki temu osoby korzystające ze strony nie muszą zgadywać, co zrobiły nieprawidłowo.
Kto skorzysta z tego rozwiązania?
Jasne komunikaty o błędach pomagają wszystkim użytkownikom, ale są szczególnie ważne dla osób z trudnościami poznawczymi, dysleksją oraz dla tych, którzy korzystają z czytników ekranu. Dzięki poprawnym wskazówkom każdy może szybciej i sprawniej wypełnić formularz, unikając frustracji.
Jakie błędy należy unikać?
- Zbyt ogólne komunikaty:
Nie wystarczy napisać „To pole jest wymagane” – użytkownik powinien wiedzieć, co konkretnie powinien wpisać.
- Brak wyjaśnienia reguł:
Nie należy tylko informować o błędzie – trzeba także podać przykład poprawnego wypełnienia pola.
- Mylenie komunikatów o błędach z instrukcjami:
Informacje o tym, co stanie się po wypełnieniu pola (np. „Na ten numer telefonu dostaniesz kod weryfikacyjny”), powinny znajdować się w etykietach lub podpowiedziach, a nie w komunikatach błędów.
Jak poprawnie wdrożyć sugestie korekty błędów?
- Jasne komunikaty:
Komunikat błędu powinien dokładnie wyjaśniać problem i sugerować poprawne rozwiązanie, np.:
- „Adres email jest nieprawidłowy. Przykładowy format:
Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript. ” - „Hasło jest za krótkie, użyj co najmniej 8 znaków”
- „Kod pocztowy powinien zawierać 5 cyfr i mieć format XX-XXX”
- „Adres email jest nieprawidłowy. Przykładowy format:
- Powiązanie komunikatu z polem:
Błąd powinien być technicznie powiązany z odpowiednim polem formularza, np. poprzez atrybuty
aria-describedby, aby technologie asystujące mogły poprawnie go odczytać. - Automatyczne przesuwanie do błędnego pola:
Warto dodać mechanizm, który pozwoli użytkownikowi szybko przejść do pola z błędem, np. poprzez odpowiednie oznaczenie i wyraźne wyróżnienie błędnego pola.
Dlaczego to jest ważne?
Niejasne komunikaty błędów mogą powodować frustrację i sprawiać, że użytkownicy rezygnują z wypełnienia formularza. Dzięki poprawnym sugestiom korekty błędów, strona staje się bardziej intuicyjna i dostępna, co wpływa na lepsze doświadczenie użytkowników.
Czy wiesz, że?
Błędy w formularzach to jedna z najczęściej wykrywanych barier podczas audytów dostępności. Poprawne komunikaty o błędach i sugestie ich korekty nie tylko zwiększają dostępność, ale także pomagają wszystkim użytkownikom w szybszym i łatwiejszym korzystaniu z serwisu.
Poprawnie wdrożone komunikaty błędów to klucz do bardziej użytecznej i dostępnej strony internetowej.
