Standardit · WCAG 2.2

SC 1.3.5 Taso AA WCAG 2.1

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 ilman autocomplete="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).