Duidelijk
Een duidelijk formulier zorgt dat gebruikers met meer vertrouwen en zelfstandiger door je formulier kunnen gaan.
Vermijd belangrijke informatie in tooltips
Informatie die nodig is om een veld in te kunnen vullen, kan beste beste worden opgenomen als onderdeel van de content, bijvoorbeeld als omschrijving onder het label. Vermijd het gebruik van tooltips (of placeholders) voor belangrijke informatie..
Leg jargon uit
Soms is het niet te voorkomen dat een formulier jargon bevat, bijvoorbeeld omdat termen wettelijk zijn vastgelegd. Leg in zulke gevallen duidelijk uit wat zo'n term betekent.
Houd taal consistent
Zorg ervoor dat door het hele formulier voor dezelfde dingen dezelfde termen worden gebruikt.
Duidelijke labels
Het doel van een label is dat de gebruiker de vraag begrijpt. Een effectief label is duidelijk en beschrijvend. Waar nodig wordt er ook extra hulp geboden worden, zoals een omschrijving van waar een BSN-nummer te vinden is.
Doen: Simpel label met extra beschrijving
Gebruik waar nodig een losse form-field-description om meer uitleg te geven.
<label for="first-name">Voornaam(en)</label>
<p id="first-name-description">
Vul de voornaam of voornamen in zoals deze op je id-kaart of paspoort staan.
</p>
<input
type="text"
name="first_name"
id="first-name"
aria-describedby="first-name-description"
/>
Niet doen: Ingewikkeld label
Door veel informatie in te korten wordt het label onduidelijk<label for="name">Voornaam(en)</label>
<input
type="text"
name="first_name"
id="name"
/>
Leg uit waarom informatie nodig is
Soms lijkt een vraag overbodig, terwijl deze essentieel is. In zulke gevallen is het een goed idee een korte uitleg toe te vroegen, om bijvoorbeeld het doel te beschrijven.
Doen: Leg het doel uit
Met uitleg weet de gebruiker waar die aan toe is.<label for="email">Emailadres</label>
<p>
We hebben uw emailadres nodig om een afspraakbevestiging te kunnen sturen.
</p>
<input
type="text"
name="email"
id="email"
/>