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

3.3.2
Etykiety lub instrukcje

Każde pole potrzebuje etykiety, a tam, gdzie format nie jest oczywisty — instrukcji.

Co mówi norma

Gdy w treści wymagane jest wprowadzenie danych przez użytkownika, zapewnione są etykiety lub instrukcje.

Dlaczego to ma znaczenie

Tekst podpowiedzi znika w chwili, gdy ktoś zacznie pisać. Dla osoby korzystającej z powiększenia albo z trudnościami pamięci krótkotrwałej pole jest wtedy bez etykiety.

Jak wygląda błąd

  • błądTekst podpowiedzi użyty jako jedyna etykieta.
  • błąd`<label>` niepowiązana z polem przez `for`/`id`.
  • błądPole daty bez przykładu oczekiwanego formatu.

Jak to naprawić

  • róbUżywaj `<label for="…">`, zawsze widocznej.
  • róbWskazówki o formacie umieść tekstem obok pola i odwołaj się do nich przez `aria-describedby`.
  • róbPola wymagane oznaczaj słowami, nie samą gwiazdką.

Jak sprawdza to A11ySignal

Przy każdym skanowaniu względem tego kryterium uruchamia się 1 automatyczne sprawdzenie.

umiarkowanyform-field-multiple-labelsPole formularza nie może mieć wielu elementów label.

Także pod 3.3 Pomoc przy wprowadzaniu danych