Vraag niet meerdere keren dezelfde informatie uit

Voorkom herhaling: om zeker te weten dat iemand het juiste e-mailadres heeft ingevuld, wordt in sommige formulieren de vraag twee keer gesteld en dan vergeleken. Dit kan gebruiksvriendelijker!

Als het essentieel is dat de informatie correct is, zijn er deze alternatieven:

• toon dan voor het verzenden nog eens de invoer, bijvoorbeeld op een controlepagina;
• (als het om een e-mailadres gaat) stuur een e-mail ter bevestiging om de juistheid van het e-mailadres te controleren.

Voorbeelden

<astro-static-slot>() => createVNode(Fragment, {
          children: [createVNode("p", {
            children: createVNode("label", {
              htmlFor: "email1",
              children: "Uw e-mailadres"
            })
          }), createVNode("p", {
            children: createVNode("input", {
              id: "email1",
              type: "email",
              name: "email",
              autoComplete: "email"
            })
          }), createVNode("p", {
            children: createVNode("label", {
              htmlFor: "email2",
              children: "Herhaal uw e-mailadres"
            })
          }), createVNode("p", {
            children: createVNode("input", {
              id: "email2",
              type: "email",
              name: "email",
              autoComplete: "email"
            })
          })]
        })</astro-static-slot>

Meer lezen over gerelateerde WCAG-succescriteria op NL Design System

Op de WCAG succescriteria pagina’s op deze website lees je meer over veelgemaakte fouten en hoe je kunt testen of jouw website aan de succescriteria voldoet.

• succescriterium 3.3.7 Overbodige invoer

Over deze richtlijnen

Deze richtlijnen worden onderhouden door 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.