Voorkom verwarring bij de gebruiker
De placeholder kan ook voor verwarring zorgen bij gebruikers. Is een veld al ingevuld? De combinatie van een label met een description is een betere manier om de gebruiker te vertellen hoe een veld in te vullen. Herhaal nooit de labeltekst in de placeholder, dat geeft geen extra informatie en is dus zinloos.
Zie het onderzoek Placeholders in Form Fields Are Harmful van de Nielsen Norman Group en The problem with placeholders and what to do instead van Adam Silver.
Doen
Geen placeholder gebruiken als het label duidelijk genoeg is.
<label for="voornaam1">Je voornaam</label><input autocomplete="given-name" id="voornaam1" name="voornaam" type="text"/>
Niet doen
De labeltekst herhalen in de placeholder.
<label for="voornaam2">Voornaam</label><input autocomplete="given-name" id="voornaam2" name="voornaam" placeholder="Voornaam" type="text"/>
Over deze richtlijnen
Deze richtlijnen worden onderhouden door het NL Design System en zijn op dit moment in beta.
We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Open een issue op GitHub en deel je mening.