Formulieren en autocomplete

Met autocomplete waarden kunnen gebruikers veelgebruikte of eerder ingevulde waarden uit een lijst selecteren of automatisch laten invullen, in plaats van ze handmatig in te moeten typen.

Deze ondersteuning kan de cognitieve belasting verminderen en het invullen van formulieren efficiënter maken, waardoor het voor mensen met een handicap gemakkelijker wordt om formulieren zelfstandig en nauwkeurig in te vullen.

Voor wie en waarom?

Het gebruik van autocomplete waarden op formuliervelden kan de toegankelijkheid voor mensen met een handicap, vooral voor mensen met cognitieve of leerstoornissen, sterk verbeteren. 

Daarnaast helpt het hebben van autocomplete waarden ook fouten en inconsistenties in formuliergegevens te verminderen. Iets wat grote gevolgen zou kunnen hebben op gebieden als gezondheidszorg of financiële of andere bindende transacties.

Uiteraard hebben uiteindelijk alle gebruikers mogelijk baat bij het hebben van autocomplete waarden, ook die zonder handicap of beperking, doordat het invullen van formulieren sneller en gemakkelijker gaat. Dit kan de algemene gebruikerservaring verbeteren en de kans op het (foutloos) invullen van formulieren vergroten.

Al met al is het gebruik van deze autocomplete waarden op formuliervelden een eenvoudige, maar effectieve manier om de toegankelijkheid en bruikbaarheid voor alle gebruikers te verbeteren.

Autocomplete en de toegankelijkheidsrichtlijnen

Een van de problemen waar Nederlandse website wel eens tegen aan lopen is dat niet voor alle gebruikelijke velden een correcte autocomplete waarde beschikbaar is. 

Dit is helaas een beperking binnen de HTML-specificaties en niet iets wat we zomaar kunnen oplossen. Voor het voldoen aan de Web Content Accessibility Guidelines (WCAG) kun je daarom die betreffende velden met een gerust hart leeg laten, er is tenslotte geen beschikbare oplossing. 

Uiteraard voorzie je de velden die wel een geschikte waarde hebben er wel van!

Autocomplete en de Nederlandse tegenwaarden

Hieronder staat een tabel met de waarden zoals die voor het autocomplete attribuut in de code gebruikt moeten worden, samen met hun Nederlandse tegenhangers. Met deze waarden moet je een heel eind komen om je formulier automatisch invulbaar te maken. 

Voor gebruikelijke waarden in het Nederlands waar geen tegenwaarde voor is, staat dat nadrukkelijk aangegeven.

VeldnaamAutocomplete waarde
Naam (voor- en achternaam)name
Aanhef (Dhr, Mevr, Mw)honorific-prefix
Voorletters
 
Niet beschikbaar
Voornaamgiven-name
Tweede naam, doopnaamadditional-name
TussenvoegselsNiet beschikbaar, gebruik achternaam veld
Achternaamfamily-name
Titels (drs, mr, ir, etc)honorific-suffix
Bijnaamnickname
Functieorganization-title
Gebruikersnaamusername
Wachtwoordcurrent-password
Nieuw wachtwoord (bij wijzigen)new-password
Organisatie naamorganization
Woonadres,
Postbus (meerdere regels, textarea)
street-address
Straatnaam + huisnummer,
Postbus (losse regels)
address-line1
Extra straatnaam veldenaddress-line2
address-line3
huisnummerGeen tegenwaarde, gebruik Woonadres
huisnummer achtervoegsel,
huisnummer toevoeging
Geen tegenwaarde, gebruik Woonadres
Postcodepostal-code
Woonplaatsaddress-level2
Provincie (zeldzaam)address-level1
Landcountry-name
Landcode (nl, be, de, etc)country
Taallanguage
Geboortedatum (geheel)bday
Geboortedatum (losse velden; dag, maand, jaar)bday-day
bday-month
bday-year
Geslachtsex
Telefoon (geheel)tel
Telefoonnummer  met landcodetel-country-code
Telefoonnummer zonder landcodetel-national
Netnummet (010, 0318, 14, etc)tel-area-code
Lokaal nummer  (123456) tel-local
Doorkiesnummertel-extension
E-mailadresemail
Websiteurl
Betaalkaart naam (meestal creditkaart) cc-name
Voornaam (creditkaart)cc-given-name
Achternaam (creditkaart)cc-family-name
Rekeningnummer (creditkaart)cc-number
Vervaldatum (combinatie, creditkaart, bijv. 03/24)cc-exp
Vervaldatum (Maand, creditkaart)cc-exp-month
Vervaldatum (Jaar, creditkaart)cc-exp-year
Beveiligingscode (CVC code Creditkaart, bij 386)cc-csc
Kaarttype (creditkaart, Visa, Mastercard, etc)cc-type
Valuta (bij handige selectie)transaction-currency
Bedrag (bij handmatige ingave, bijvoorbeeld bieding of gift)transaction-amount