Plaatsing van een button binnen een formulier

Plaats buttons aan het begin van de regel. Zo wordt een natuurlijke 'scan-lijn' gecreëerd. Hierdoor kunnen mensen hun aandacht gemakkelijk op deze lijn richten.

Ze vormen zo één lijn. Ook is het zo voor gebruikers die inzoomen (bijvoorbeeld gebruikers met een visuele beperking) makkelijker om de button te vinden. Daarbij zullen gebruikers die inzoomen, een scherm vergrootglas gebruiken of een visuele beperking zoals Kokervisus hebben buttons goed kunnen vinden.

Deze richtlijn is een aanbevolen werkwijze, gebaseerd op gebruikersonderzoek:

Primary & Secondary Actions in Web Forms, Luke Wroblewski
Where to put buttons on forms, Adam Silver

Button uitgelijnd met formulier labels en invoervelden Button niet uitgelijnd met formulier labels en invoervelden

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.