SC 1.3.5 Niveau AA WCAG 2.1

Doel van invoer identificeren

Formuliervelden die gangbare persoonlijke informatie verzamelen — naam, e-mail, telefoon, adres, creditcard — moeten hun doel programmatisch declareren via het HTML-attribuut autocomplete. Dit stelt browsers in staat automatisch in te vullen en hulptools de interface aan te passen.

Wat het vereist

Voor elk van de 53 specifieke gebruikersinformatievelden die in WCAG worden vermeld (naam, e-mail, tel, street-address, cc-number, bday, country, enz.) moet het invoerveld het bijbehorende autocomplete-token bevatten. Het gaat niet om het gemak van automatisch invullen in de browser — het is dat hulptools (toetsenborden met symboolsets, AAC-apps, cognitieve-ondersteuningslagen) uw formulierlabels kunnen vervangen door pictogrammen, vertalingen of alternatieve invoer alleen wanneer het doel van het veld machine-leesbaar is.

Hoe eraan te voldoen

Voeg autocomplete="email" toe aan e-mailvelden, autocomplete="given-name" aan voornaamvelden, autocomplete="family-name" aan achternaamvelden.
Gebruik autocomplete="tel" voor telefoon, autocomplete="street-address", autocomplete="postal-code", autocomplete="country".
Gebruik voor betalingsformulieren autocomplete="cc-name", cc-number, cc-exp, cc-csc.
Raadpleeg de volledige lijst in de HTML-specificatie — deze tokens zijn normatief.
Combineer met <input type="email">, type="tel", type="url"> voor correcte schermtoetsenborden.
Voor niet-persoonlijke velden (een zoekvak, een aangepaste beoordeling) is geen autocomplete-token nodig — het succescriterium geldt alleen voor de 53 persoonlijke-informatietypen.

Veelvoorkomende fouten

autocomplete="off" op het gehele inlogformulier „om veiligheidsredenen“ — voorkomt actief naleving en verbreekt wachtwoordbeheerders.
E-mailveld zonder autocomplete-token, waardoor gebruikers van symbolentoetsenborden geen aangepaste invoer krijgen.
Adresvelden gelabeld „Adresregel 1“ maar zonder autocomplete="address-line1".
Creditcardvelden met aangepaste JavaScript-autocomplete in plaats van het native token.
Aanmeldingsformulier met veld name dat volledige naam verzamelt maar zonder autocomplete="name".

Waarom het belangrijk is

Dit succescriterium wordt vaak gemist omdat de fout niet zichtbaar is — het formulier werkt voor gewone gebruikers, maar gebruikers van adaptieve invoer krijgen een generieke ervaring. Het toevoegen van autocomplete-tokens is een taak van 30 minuten voor de meeste aanmeldingsflows en verbetert tegelijkertijd de gebruikerservaring voor gewone gebruikers (automatisch invullen in de browser werkt beter).