Ga naar hoofdinhoud

Voorspelbaar

Vergroot de voorspelbaarheid van je formulier door bijvoorbeeld consistent te zijn in de plaatsing van velden en knoppen.

Test met vertaaldiensten

Sommige gebruikers maken gebruik van vertaaldiensten als Google Translate om formulieren te bekijken, bijvoorbeeld inwoners die het Nederlands niet machtig zijn. Optimaliseer voor compatibiliteit met dit soort diensten: zorg bijvoorbeeld dat het vervangen van woorden of zinnen door langere of kortere teksten de lay-out ongedeerd laat.

Zorg voor complete paginatitels

Zorg ervoor dat de titel van het formulier (of stap) ook is opgenomen in de paginatitel. Deze wordt bijvoorbeeld gebruikt voor de naam van het tabblad of wanneer een pagina gedeeld of opgeslagen wordt.

Dit is verplicht om te voldoen aan WCAG 2.1, criterium 2.4.2 Paginatitel.

Velden onder elkaar

Om iemand comfortabel een formulier te laten scannen, is de aanbeveling meerdere kolommen te vermijden. Plaats velden bij voorkeur onder elkaar.

Plaats knoppen aan het begin van de regel

Wanneer knoppen aan het begin van de regel staan, zijn ze het makkelijkst te vinden, omdat daar ook de invoervelden staat. Ze vormen zo één lijn. Ook is het zo voor gebruikers die inzoomen (bijvoorbeeld gebruikers met een visuele beperking) makkelijker om de knop te vinden.

Meer informatie:

Positie van tekstlabels

Plaats labels buiten het invoerveld en niet daarbinnen. Op deze manier heeft het label altijd een vaste positie en kan het in een leesbare grootte worden getoont.

Overweeg labels op de regel boven het invoerveld te plaatsen. Voor left-to-right talen is deze links uitgelijnd. Deze plaatsing heeft meerdere voordelen:

  1. Het biedt voldoende ruimte voor labels van verschillende lengtes. Het kan zijn dat gebruikers vertaalsoftware gebruiken op de pagina, waardoor labels langer of korter kunnen zijn dan je verwacht.
  2. Dit werkt beter voor gebruikers die de tekst inzoomen
  3. Het biedt een natuurlijke ‘scan-lijn’