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.
Veldnaam | Autocomplete waarde |
---|---|
Naam (voor- en achternaam) | name |
Aanhef (Dhr, Mevr, Mw) | honorific-prefix |
Voorletters | Niet beschikbaar |
Voornaam | given-name |
Tweede naam, doopnaam | additional-name |
Tussenvoegsels | Niet beschikbaar, gebruik achternaam veld |
Achternaam | family-name |
Titels (drs, mr, ir, etc) | honorific-suffix |
Bijnaam | nickname |
Functie | organization-title |
Gebruikersnaam | username |
Wachtwoord | current-password |
Nieuw wachtwoord (bij wijzigen) | new-password |
Organisatie naam | organization |
Woonadres, Postbus (meerdere regels, textarea) | street-address |
Straatnaam + huisnummer, Postbus (losse regels) | address-line1 |
Extra straatnaam velden | address-line2 address-line3 |
huisnummer | Geen tegenwaarde, gebruik Woonadres |
huisnummer achtervoegsel, huisnummer toevoeging | Geen tegenwaarde, gebruik Woonadres |
Postcode | postal-code |
Woonplaats | address-level2 |
Provincie (zeldzaam) | address-level1 |
Land | country-name |
Landcode (nl, be, de, etc) | country |
Taal | language |
Geboortedatum (geheel) | bday |
Geboortedatum (losse velden; dag, maand, jaar) | bday-day bday-month bday-year |
Geslacht | sex |
Telefoon (geheel) | tel |
Telefoonnummer met landcode | tel-country-code |
Telefoonnummer zonder landcode | tel-national |
Netnummet (010, 0318, 14, etc) | tel-area-code |
Lokaal nummer (123456) | tel-local |
Doorkiesnummer | tel-extension |
E-mailadres | email |
Website | url |
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 |