Succescriterium 3.3.7 Overbodige invoer
Niveau A
Lees de officiële tekst van succescriterium 3.3.7 Overbodige invoer
Overbodige invoer: zo test je het
Dit is een test met pen en papier. Er is geen software voor nodig, en juist daarom wordt hij zelden gedaan.
Ga als volgt te werk:
- Begin bij het begin van een proces met meerdere stappen: een bestelling, een aanvraag, een aanmelding.
- Schrijf bij elke stap op wélke gegevens er gevraagd worden. Niet wat je invult, maar wat er gevraagd wordt.
- Loop het lijstje na. Staat er iets twee keer op?
Staat er iets twee keer, dan is dat een afwijking — tenzij het een wachtwoord is of iets wat echt veranderd kan zijn.
Waar het meestal zit:
- Factuuradres en afleveradres.
- E-mailadres bij het aanmaken van een account en daarna nog eens bij het bestellen.
- Een naam bovenaan een formulier en nog eens bij de ondertekening.
- Een klantnummer dat in stap 1 wordt ingevoerd en in stap 3 opnieuw.
Doe daarna de test die verder gaat: vul het formulier één keer verkeerd in en verstuur. Staat alles wat wél goed was ingevuld er nog? Zo niet, dan wordt niet twee keer hetzelfde gevraagd maar alles opnieuw — precies op het moment dat de bezoeker toch al iets fout deed.
Thema’sDoelgroepenWie het raaktHulpmiddelenOverbodige invoer: wat het criterium vraagt
Gegevens die binnen hetzelfde proces al zijn ingevuld, mogen niet een tweede keer worden gevraagd. Gebeurt dat toch, dan moeten ze automatisch worden ingevuld of te kiezen zijn uit wat er al staat. Overbodig typen is niet gelijk verdeeld: wie met één vinger, met zijn stem of met een schakelaar werkt is er minuten mee kwijt, en maakt bij elke aanslag kans op een fout.
Dit criterium is nieuw in WCAG 2.2 en staat op niveau A.
Er zijn twee uitzonderingen: als het opnieuw invullen nodig is voor de veiligheid, zoals bij een wachtwoord, en als de oude informatie niet meer geldig is.
Voor bezoekers met een geheugenprobleem is dit scherper dan het lijkt. Wordt een klantnummer uit stap twee in stap vier opnieuw gevraagd, dan is teruggaan soms de enige uitweg — en daarmee het risico dat alles weg is.
Thema’sDoelgroepenWie het raaktHulpmiddelenOverbodige invoer: invullen of laten kiezen
De eis laat vrij hóe het wordt opgelost. Er zijn drie manieren, en welke past hangt af van hoe zeker het antwoord hetzelfde is.
Weet je het antwoord zeker, vul het dan in. De bezoeker kan het nog aanpassen:
<label for="post-straat">Straat en huisnummer</label> <input id="post-straat" name="post_straat" value="Marsweg 89A" autocomplete="shipping street-address">Een vinkje “hetzelfde als hierboven” is de bekendste oplossing en meestal de beste. Zet hem aan als dat het gewone geval is, dan hoeft de meerderheid niets te doen:
<input type="checkbox" id="zelfde" name="zelfde" checked> <label for="zelfde">Mijn afleveradres is hetzelfde als mijn factuuradres</label>Zijn er meerdere eerdere antwoorden, geef dan een keuzelijst in plaats van een leeg veld.
Zet daarnaast op elk veld het juiste
autocomplete-woord. Dan vult de browser of de wachtwoordbeheerder het zelf in, zonder eigen code. Daarmee voldoe je meteen aan 1.3.5 Identificeer het doel van de input:autocomplete="name" autocomplete="email" autocomplete="postal-code" autocomplete="shipping street-address" autocomplete="billing street-address"Verbergt het vinkje de velden eronder, zorg dan dat ze weer verschijnen als de bezoeker het uitzet, en dat de focus meegaat.
Thema’sDoelgroepenWie het raaktHulpmiddelen