Formulářová pole bez popisku
Co to znamená a proč na tom záleží
Bez popisku uživatelé čteček nevědí, co do pole napsat — objednávka i newsletter se mění v hádání (WCAG 1.3.1, 4.1.2).
Jak opravit
Ke každému poli připojte viditelný <label for="…">. Zástupný text (placeholder) popisek nenahradí.
Příklad kódu
Před
<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">Najděte tuto chybu na svém webu
Otestujte zdarma libovolnou stránku — výsledek za pár sekund, s návodem k opravě.