Przejdź do treści głównej
Powrót do listy zgłoszeń

Nieprawidłowe powiązanie label z input

WCAG 1.3.1[A]

Informacje i relacje

#nestbank.pl
Anonimowy14 dni temu

Opis problemu

Z czterech wyświetlanych pól tekstowych żaden nie ma poprawnego powiązania między label a input. Z analizy kodu wynika, że wkradł się tam błąd, ponieważ powiązanie istnieje ale label nie wskazuje na input. Np. label for="firstName-error", input id="firstName".

Dotyczy strony

https://nestbank.pl/kontakt/(otwiera się w nowej karcie)
zrzut z narzędzia deweloperskiego ukazujący problem z powiązaniem -  kliknij, aby otworzyć w nowym oknie

Sugerowane rozwiązanie

Tak jak w opisie zgłoszenia, programista wiedział co robił, do kodu wkradł się błąd. Należy na elemencie label zastosować nazwę widoczną jako id pola input.

<label for="firstName">