Przejdź do treści
A11ySignal
umiarkowanyWCAG 3.3.2 · A

Pole formularza nie może mieć wielu elementów label.

form-field-multiple-labels

Żadne pole formularza nie ma wielu etykiet (elementów label).

Kryterium, które za tym stoi

3.3.2 Etykiety lub instrukcje

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

Poziom A · EN 301 549 § 9.3.3.2

Po co jest to sprawdzenie

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.

Co zwykle je wywołuje

  • 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 to jest raportowane

A11ySignal zgłasza to z wagą umiarkowany. Każdy błędny element ma swój selektor CSS i kod, który zawiódł, więc trafisz prosto do właściwej linii, zamiast jej szukać. Deque publikuje szczegóły na poziomie silnika:

https://dequeuniversity.com/rules/axe/4.13/form-field-multiple-labels

Sprawdzenie zaimplementowane w axe-core 4.13.0, © Deque Systems, MPL-2.0.