Powrót do listy zgłoszeń
Brak widocznej etykieta pól formularzy
WCAG 1.3.1[A]
Informacje i relacje
#ergohestia.pl
Anonimowy14 dni temu
Opis problemu
Pierwszy problem - etykietę ukryto za pomocą display: none, stawiając na placeholder w roli etykiety. Drugi problem - brak powiązania między label for a input id. Użytkownik nawigujący za pomocą głosu po wpisanie przynajmniej jednego znaku utraci łatwą możliwość powrotu do tego pola, nie będzie widział informacji z placeholdera czym ona jest.
Dotyczy strony
https://sso.ergohestia.pl/my.policy(otwiera się w nowej karcie)Sugerowane rozwiązanie
Rozwiązaniem wprost do tego przykładu byłoby:
<label for="username" class="sr-only">Nazwa użytkownika</label>
<input id="username"... />
Wizualnie nie wprowadza żadnej zmiany ale czyni to nieco bardziej dostępnym.
Rozwiązanie idealne bazuje na pokazaniu etykiety i powiązaniu.
<label for="username">Nazwa użytkownika</label>
<input id="username"... />