Pola formularzy bez etykiet
Co to oznacza i dlaczego jest ważne
Bez etykiety użytkownicy czytników ekranu nie wiedzą, co wpisać — zamówienie i newsletter stają się zgadywanką (WCAG 1.3.1, 4.1.2).
Jak naprawić
Powiąż z każdym polem widoczny <label for="…">. Tekst zastępczy (placeholder) nie zastępuje etykiety.
Przykład kodu
Przed
<input type="email" name="newsletter" placeholder="Your email">Po
<label for="nl-email">Email for our newsletter</label>
<input type="email" id="nl-email" name="newsletter" autocomplete="email">Znajdź ten błąd na swojej stronie
Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.