Polia formulárov bez popisu
Čo to znamená a prečo na tom záleží
Bez popisu používatelia čítačiek nevedia, čo do poľa napísať — objednávka aj newsletter sa menia na hádanie (WCAG 1.3.1, 4.1.2).
Ako opraviť
Ku každému poľu pripojte viditeľný <label for="…">. Zástupný text (placeholder) popis nenahradí.
Príklad kódu
Pred
<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">
Nájdite túto chybu na svojom webe
Otestujte zadarmo ľubovoľnú stránku — výsledok za pár sekúnd, s návodom na opravu.