3.3.1 Identyfikacja błędu - poziom A

Jeżeli system wykryje błąd we wprowadzonych danych, element zawierający błąd jest jasno zidentyfikowany, a błąd jest opisany użytkownikowi w tekście.

O co chodzi w kryterium 3.3.1 Identyfikacja błędu?

To kryterium dotyczy formularzy i wszystkich miejsc, gdzie użytkownik coś wpisuje lub wybiera: kontakt, rejestracja, zapisy, płatności, wyszukiwarki, wnioski.

Jeśli system wykryje błąd (np. pole puste, zły format e-maila), użytkownik ma dostać dwie rzeczy:

1. informację, które pole jest błędne
2. oraz informację co jest nie tak – w formie tekstu.

Sam kolor, sama ikonka albo ramka to za mało.

Najczęstsze powody niespełnienia kryterium 3.3.1

• Błąd jest sygnalizowany tylko kolorem (np. czerwone obramowanie), bez opisu tekstowego, wtedy użytkownik widzi, że coś jest na czerwono, ale nie wie dlaczego.
• Pojawia się komunikat Formularz zawiera błędy, ale bez wskazania, które pola są problemem, przez co użytkownik musi zgadywać i szukać po całym formularzu.
• Pole jest oznaczone jako błędne, ale opis jest zbyt ogólny (np. „Błąd”), więc użytkownik nadal nie wie, co poprawić.
• Informacja o błędzie pojawia się w miejscu, którego użytkownik nie łączy z konkretnym polem (np. tylko na górze strony), przez co identyfikacja błędu jest niejasna.

Jak sprawdzić kryterium 3.3.1

Wypełnij formularz „źle” celowo: zostaw wymagane pole puste, wpisz błędny e-mail, wybierz niepoprawną wartość.

Potem sprawdź:

• Czy widzisz dokładnie, które pole jest błędne.
• Czy przy tym polu jest tekst mówiący, co poprawić.
• Jeśli musisz zgadywać, gdzie jest błąd albo co zrobić, to 3.3.1 nie jest spełnione.

Rekomendacje jak spełnić kryterium 3.3.1

Przy każdym polu, w którym jest błąd, pokaż tekstowy komunikat wyjaśniający, co jest nie tak, np. „Wpisz adres e-mail w poprawnym formacie” albo „To pole jest wymagane”.

Zadbaj, żeby było jasne, który element ma błąd. Najczytelniej działa połączenie: oznaczenie pola + komunikat przy polu.

Jeśli masz podsumowanie błędów na górze, niech prowadzi do konkretnych pól z błędami, a nie zastępuje komunikatów przy polach.

Nie opieraj identyfikacji błędów wyłącznie na kolorze lub ikonie. Kolor może być dodatkiem, ale nie może być jedynym oznaczeniem błędu.

Pełny tekst kryterium 3.3.1 Identyfikacja błędu

Jeśli automatycznie zostanie wykryty błąd wprowadzania danych, system wskazuje błędny element, a użytkownik otrzymuje opis błędu w postaci tekstu.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#identyfikacja-b-edu

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
• 3.3.1 Identyfikacja błędu - poziom A
• 3.3.2 Etykiety lub instrukcje - poziom A
• 3.3.3 Sugestia korekty błędu - poziom AA
• 3.3.4 Zapobieganie błędom (prawnym, finansowym, w danych) - poziom AA