Wróć do bloga

Audyt WCAG – Kryterium 3.3.1 – Identyfikacja błędów: Przewodnik dla osób bez znajomości programowania

Udostępnij artykuł

WhatsApp LinkedIn

Kryterium 3.3.1 – Identyfikacja błędów (Poziom A) ma na celu zapewnienie, że użytkownik zostanie jasno poinformowany o błędzie, jeśli podczas wypełniania formularza coś pójdzie nie tak. Chodzi o to, by użytkownik wiedział, które pole jest błędne i dlaczego.

To bardzo ważne dla osób z niepełnosprawnościami – szczególnie dla niewidomych, osób z dysleksją, czy tych, którzy korzystają z klawiatury lub czytników ekranu.


Co oznacza „identyfikacja błędów”?

To sytuacja, w której:

  • Użytkownik źle wypełni pole formularza (np. zostawi wymagane pole puste, wpisze błędny adres e-mail),

  • Strona wyraźnie informuje, że wystąpił błąd,

  • Komunikat określa, co poszło nie tak – np. „Pole E-mail jest wymagane” zamiast ogólnego „Błąd”.


Jak sprawdzić zgodność z kryterium 3.3.1 bez wiedzy technicznej?

1. Przetestuj formularze

Co zrobić?

  • Znajdź formularz kontaktowy, rejestracyjny lub zakupowy.

  • Spróbuj go wysłać, nie wypełniając niektórych pól, lub wpisz błędne dane (np. „aaa” jako adres e-mail).

Na co zwrócić uwagę?

  • Czy po kliknięciu „Wyślij” pojawia się informacja o błędzie?

  • Czy komunikat wskazuje konkretne pole i dokładnie opisuje problem?

Przykład błędu:
Zamiast informacji: „Wpisz poprawny adres e-mail w polu 'E-mail’”, pojawia się tylko czerwone obramowanie bez słownego komunikatu.


2. Zbadaj, jak widoczne są komunikaty

Co zrobić?

  • Zwróć uwagę, czy komunikaty są czytelne i widoczne, nie ukryte na końcu strony.

Na co zwrócić uwagę?

  • Czy użytkownik nie musi zgadywać, co zrobił źle?

  • Czy kolor (np. czerwony tekst) jest wsparty tekstem lub ikoną, by nie polegać tylko na wzroku?

Przykład błędu:
Błąd jest oznaczony tylko kolorem – osoby niewidome lub osoby z daltonizmem nie będą wiedzieć, że coś poszło nie tak.


Dlaczego to ważne?

  • Użytkownik musi wiedzieć, co poprawić, by dokończyć akcję (np. wysłanie formularza).

  • Osoby z niepełnosprawnościami często nie widzą oznaczeń kolorystycznych, dlatego potrzebują jasnych, tekstowych komunikatów.

  • Brak informacji o błędzie może prowadzić do frustracji, opuszczenia strony lub niemożliwości zakończenia procesu.


Dobre praktyki

  • Zawsze podawaj tekstowy komunikat o błędzie – krótki, konkretny i przypisany do pola.

  • Nie polegaj tylko na kolorze – dodaj ikonę lub tekst.

  • Jeśli to możliwe, zaznacz błędne pole i podpowiedz, jak je poprawić.

  • Umieść komunikaty blisko odpowiednich pól, by użytkownik nie musiał ich szukać.


Podsumowanie

Kryterium 3.3.1 – Identyfikacja błędów zapewnia, że użytkownik zostanie jasno poinformowany, co zrobił źle i jak to naprawić. To podstawa dostępnych i przyjaznych formularzy – dla wszystkich, niezależnie od sprawności.

Nie trzeba znać HTML czy programowania. Wystarczy przetestować formularz i sprawdzić, czy komunikaty są jasne i czytelne.