Tunnista syötteen tarkoitus
Lomakekentät, jotka keräävät yleisiä henkilötietoja — nimi, sähköposti, puhelin, osoite, luottokortti — on ilmoitettava tarkoituksensa ohjelmallisesti HTML:n autocomplete-attribuutilla. Tämä mahdollistaa selaimen automaattisen täytön ja avustavien työkalujen käyttöliittymän mukauttamisen.
Mitä vaaditaan
Kullekin 53:lle WCAG:ssa luetellulle käyttäjätietokentälle (nimi, sähköposti, puh, katuosoite, cc-numero, syntymäaika, maa jne.) syötteen on sisällettävä vastaava autocomplete-tunniste. Tarkoituksena ei ole selaimen automaattinen täyttö — vaan se, että avustavat työkalut (symbolinäppäimistöt, AAC-sovellukset, kognitiiviset tukikerrokset) voivat korvata lomakemerkinnät kuvakkeilla, käännöksillä tai vaihtoehtoisilla syötteillä vain, kun kentän tarkoitus on koneluettava.
Toteutustapa
- Lisää
autocomplete="email"sähköpostikenttiin,autocomplete="given-name"etunimeen,autocomplete="family-name"sukunimeen. - Käytä
autocomplete="tel"puhelimelle,autocomplete="street-address",autocomplete="postal-code",autocomplete="country". - Maksulomakkeissa käytä
autocomplete="cc-name",cc-number,cc-exp,cc-csc. - Viittaa täydelliseen listaan HTML-spesifikaatiossa — nämä tunnisteet ovat normatiivisia.
- Yhdistä
<input type="email">,type="tel">,type="url">oikeiden ruudulla näkyvien näppäimistöjen saamiseksi. - Ei-henkilökohtaisille kentille (hakukenttä, mukautettu arviointi) autocomplete-tunnistetta ei tarvita — kriteeri kattaa vain 53 henkilötietotyyppiä.
Yleisiä puutteita
autocomplete="off"koko kirjautumislomakkeessa „turvallisuuden vuoksi“ — estää aktiivisesti vaatimustenmukaisuuden ja rikkoo salasanaohjelmat.- Sähköpostikenttä ilman autocomplete-tunnistetta, jolloin symbolinäppäimistön käyttäjät eivät saa mukaistettua syötettä.
- Osoitekentät merkitty „Osoiterivi 1“ ilman
autocomplete="address-line1". - Luottokorttikenttien mukautettu JavaScript-automaattinen täyttö natiivitunnisteen sijaan.
- Rekisteröintilomake, jossa
name-kenttä kerää koko nimen, mutta ilmanautocomplete="name".
Miksi tällä on merkitystä
Tätä kriteeriä ei täytetä usein, koska epäonnistuminen ei ole näkyvää — lomake toimii tyypillisille käyttäjille, mutta mukautuvien syötteiden käyttäjät saavat yleisen kokemuksen. Autocomplete-tunnisteiden lisääminen on 30 minuutin tehtävä useimmissa rekisteröintiprosesseissa ja parantaa samalla tyypillisen käyttäjän UX:ää (selaimen automaattinen täyttö toimii paremmin).