Identificer formålet med input
Formularfelter, der indsamler almindelige personoplysninger — navn, e-mail, telefon, adresse, kreditkort — skal programmatisk deklarere deres formål via HTML-attributten autocomplete. Dette giver browsere mulighed for autoudfyldning og hjælpeteknologi mulighed for at tilpasse brugergrænsefladen.
Hvad det kræver
For hver af de 53 specifikke brugerinformationsfelter, der er opført i WCAG (navn, e-mail, tel, street-address, cc-number, bday, country osv.), skal inputfeltet inkludere det tilsvarende autocomplete-token. Pointen er ikke bekvemmeligheden ved browserautoudfyldning — det er, at hjælpeteknologi (symbolbaserede tastaturer, AAC-apps, kognitive støttelag) kan erstatte dine formularetiketter med ikoner, oversættelser eller alternative inputs, kun når feltets formål er maskinlæsbart.
Sådan opfyldes det
- Tilføj
autocomplete="email"til e-mailfelter,autocomplete="given-name"til fornavn,autocomplete="family-name"til efternavn. - Brug
autocomplete="tel"til telefon,autocomplete="street-address",autocomplete="postal-code",autocomplete="country". - Til betalingsformularer bruges
autocomplete="cc-name",cc-number,cc-exp,cc-csc. - Se den fulde liste i HTML-specifikationen — disse tokens er normative.
- Kombinér med
<input type="email">,type="tel">,type="url">for korrekte on-screen-tastaturer. - For ikke-personlige felter (et søgefelt, en tilpasset bedømmelse) er intet autocomplete-token nødvendigt — succeskriteriet dækker kun de 53 typer personoplysninger.
Typiske fejl
autocomplete="off"på hele loginformularen „af sikkerhedsårsager“ — forhindrer aktivt overholdelse og ødelægger adgangskodeadministratorer.- E-mailfelt uden autocomplete-token, så brugere af symbolbaserede tastaturer ikke kan få et tilpasset input.
- Adressefelter mærket „Adresselinje 1“ men uden
autocomplete="address-line1". - Kreditkortfelter med brugerdefineret JavaScript-autoudfyldning i stedet for det native token.
- Tilmeldingsformular med
name-felt, der indsamler fuldt navn, men udenautocomplete="name".
Hvorfor det er vigtigt
Dette succeskriterium overses ofte, fordi fejlen ikke er synlig — formularen fungerer for typiske brugere, men brugere af adaptive inputs får en generisk oplevelse. Tilføjelse af autocomplete-tokens er en opgave på 30 minutter på tværs af de fleste tilmeldingsflows og forbedrer samtidig typiske brugeres oplevelse (browserautoudfyldning fungerer bedre).