Verstuur een formulier niet automatisch na het wijzigen of invullen van een formulierveld
Verstuur bij voorkeur alleen het formulier wanneer de gebruiker de submitbutton gebruikt, doe dit niet automatisch met een andere aanleiding. Is het echt noodzakelijk om het formulier op een ander moment te versturen, informeer de gebruiker dan duidelijk vooraf.
Versturen na bijvoorbeeld het kiezen van een optie kan de gebruiker verrassen: wat gebeurt er, ik wilde nog even checken wat ik had ingevuld, heb ik nu het goede gekozen?
Let wel: het gaat hier om het daadwerkelijk versturen van het formulier. Dus als de context verandert. Bijvoorbeeld: je gaat naar een bevestigingspagina.
Het updaten van bijvoorbeeld zoekresultaten waarbij alleen de content verandert valt hier niet onder. Bijvoorbeeld: alleen het aantal zoekresultaten verandert, maar je blijft op dezelfde pagina.
Een formulier niet onverwacht versturen is nodig om te voldoen aan het WCAG-succescriterium 3.2.2 Bij Input (niveau A).
Doen
Het formulier wordt verzonden na het kiezen van de submitbutton.
<form><label for="kleur1">Kies een kleur</label><select id="kleur1"><option name="groen">Groen</option><option name="blauw">Blauw</option><option name="rood">Rood</option></select><button>Verstuur</button></form>
Niet doen
Het formulier wordt automatisch verzonden na het kiezen van van een kleur.
In dit voorbeeld ontbreekt de submitbutton en wordt het formulier direct verstuurt na het kiezen van een kleur<form><label for="kleur2">Kies een kleur</label><select id="kleur2"><option name="groen">Groen</option><option name="blauw">Blauw</option><option name="rood">Rood</option></select></form>
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.