Przejdź do treści
A11ySignal
Poziom AWCAG 2.0WCAG 2.1WCAG 2.2EN 301 549 § 9.3.3.1

3.3.1
Identyfikacja błędu

Gdy dane zostaną odrzucone, napisz tekstem, które pole i co jest nie tak.

Co mówi norma

Jeśli błąd wprowadzania danych zostanie wykryty automatycznie, element, w którym on wystąpił, jest wskazany, a błąd opisany użytkownikowi w postaci tekstu.

Dlaczego to ma znaczenie

Czerwona ramka jest niewidoczna dla czytnika ekranu i dla każdego, kto nie rozróżnia tego koloru.

Jak wygląda błąd

  • błądFormularz, który tylko barwi błędne pole na czerwono.
  • błądJeden baner „Wystąpił błąd”, bez wskazania pola.
  • błądKomunikat błędu niepowiązany z polem przez `aria-describedby`.

Jak to naprawić

  • róbNazwij pole i problem: „Kod pocztowy: format 00-000, na przykład 00-950”.
  • róbPowiąż komunikat z polem przez `aria-describedby` i ustaw `aria-invalid="true"`.
  • róbUmieść podsumowanie na początku formularza, z linkami do każdego błędnego pola.

Jak sprawdza to A11ySignal

ręcznie

Żadna automatyczna reguła nie osądzi tego kryterium i nie będziemy udawać inaczej. Czyste skanowanie nie oznacza, że 3.3.1 jest spełnione — oznacza, że nic mierzalnego nie zawiodło. Tu potrzebny jest człowiek.

Także pod 3.3 Pomoc przy wprowadzaniu danych