Buttons in een formulier
Via een button verzend je een formulier of voer je aan andere actie uit, zoals het uploaden van een bestand. In deze documentatie gebruiken we de Engelse benaming voor het Nederlandse woord knop: 'button'. Omdat <button> het HTML-element is waar deze richtlijnen over gaan.
Binnen een formulier bestaan er drie soorten buttons:
<button type="submit">, om het formulier mee te verzenden (dit is de default waarde binnen een formulier);<button type="button">, dit zijn buttons die een andere functie hebben binnen een formulier, zoals het uploaden van documenten of openen van een modal;<button type="reset">, om alle ingevulde informatie binnen een formulier te wissen.
De hier beschreven richtlijnen gelden voor al deze buttons.
Voor de toegankelijkheid en goede code van het formulier zijn de volgende punten belangrijk voor een button:
Toetsenbordbediening
Richtlijnen voor toetsenbordbediening van buttons (knoppen) in een formulier.
Verstuur niet automatisch
Richtlijnen voor niet automatisch versturen na het wijzigen of invullen van een formulierveld.
Plaatsing button
Richtlijnen voor plaatsing van een button binnen een formulier.
Duidelijke buttontekst
Richtlijnen voor duidelijk buttontekst die beschrijft wat de button doet.
Toegankelijke naam button
Richtlijnen voor de toegankelijke naam van een button.
Afbeelding als button
Richtlijnen voor afbeeldingen als buttons.
Disabled submitbuttons
Richtlijnen voor disabled submitbuttons.
Deze documentatie heeft nu een eigen pagina
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? Deel je mening op GitHub met je suggesties.