Meestal kritiekLeestijd: 2 min.
Geef elk formulierveld een label
Plaats een zichtbaar label bij elk veld en koppel het rechtstreeks aan de invoer.
Waarom het belangrijk is
Zonder blijvend label weten mensen mogelijk niet welke informatie een veld verwacht. Placeholdertekst verdwijnt zodra ze beginnen te typen.
Zo los je het op
Schrijf een kort zichtbaar label dat de gevraagde informatie benoemt.
Laat de for-waarde van het label overeenkomen met het id van het veld.
Houd hulptekst en foutmeldingen gescheiden van het label.
Voorbeeld
<input type="email" placeholder="E-mailadres" />
<label for="email">E-mailadres</label> <input id="email" name="email" type="email" />
Zo controleer je of het opgelost is
Controleer je pagina opnieuw met ibin. Het probleem verdwijnt uit je rapport zodra het overal is opgelost. Probeer het daarna zelf uit, zoals een bezoeker dat zou doen.
- Controleer de pagina opnieuw en kijk of het probleem uit je rapport verdwenen is.
- Probeer het aangepaste deel zelf: met een muis, met alleen een toetsenbord en ingezoomd.
- Vraag als het kan iemand die een schermlezer gebruikt om het ook te proberen.
Voor je ontwikkelaar
Richtlijnen: WCAG 4.1.2 (A)