ibin
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

  1. Schrijf een kort zichtbaar label dat de gevraagde informatie benoemt.

  2. Laat de for-waarde van het label overeenkomen met het id van het veld.

  3. Houd hulptekst en foutmeldingen gescheiden van het label.

Voorbeeld

Voor
<input type="email" placeholder="E-mailadres" />
Na
<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)

label · Achtergrondinformatie (in het Engels)

Ook beschikbaar in English, Français, Deutsch