SC 1.3.5 Nivå AA WCAG 2.1

Identifiera inmatningssyfte

Formulärfält som samlar in vanlig personlig information — namn, e-post, telefon, adress, kreditkort — måste deklarera sitt syfte programmatiskt via HTML-attributet autocomplete. Det möjliggör automatisk ifyllning och anpassade gränssnitt i hjälpmedelsteknik.

Vad det kräver

För var och en av de 53 specifika användarinformationsfält som listas i WCAG (namn, e-post, tel, gatuadress, kortnummer, födelsedag, land m.fl.) måste inmatningsfältet innehålla rätt autocomplete-token. Poängen är inte webbläsarens ifyllningskomfort — det är att hjälpmedelsteknik (symbolbaserade tangentbord, AAC-appar, kognitiva stödlager) kan byta ut dina formuläretiketter mot ikoner, översättningar eller alternativa inmatningar bara när fältets syfte är maskinläsbart.

Hur du uppfyller det

Lägg till autocomplete="email" på e-postfält, autocomplete="given-name" på förnamn och autocomplete="family-name" på efternamn.
Använd autocomplete="tel" för telefon, autocomplete="street-address", autocomplete="postal-code", autocomplete="country".
För betalningsformulär, använd autocomplete="cc-name", cc-number, cc-exp, cc-csc.
Se hela listan i HTML-specifikationen — dessa tokens är normativa.
Kombinera med <input type="email">, type="tel">, type="url"> för korrekta skärmtangentbord.
För icke-personliga fält (ett sökfält, ett anpassat betyg) behövs ingen autocomplete-token — framgångskriteriet täcker bara de 53 personuppgiftstyperna.

Vanliga fel

autocomplete="off" på hela inloggningsformuläret “av säkerhetsskäl” — hindrar aktivt efterlevnad och bryter lösenordshanterare.
E-postfält utan autocomplete-token, vilket gör att symboltangentbordsanvändare inte kan få anpassad inmatning.
Adressfält märkta “Adressrad 1” men utan autocomplete="address-line1".
Kreditkortsfält med anpassad JavaScript-ifyllning i stället för inbyggda tokens.
Registreringsformulär med fältet name som samlar in fullt namn utan autocomplete="name".

Varför det spelar roll

Det här framgångskriteriet missas ofta eftersom felet inte syns — formuläret fungerar för vanliga användare, men användare av adaptiv inmatning får en generisk upplevelse. Att lägga till autocomplete-tokens är en uppgift på 30 minuter i de flesta registreringsflöden och förbättrar dessutom UX för vanliga användare (webbläsarens autofyll fungerar bättre) på samma gång.