WCAG 1.3.5 Identifiera syfte med inmatning

Fält som frågar efter uppgifter om kunden själv ska tala om i koden vad de gäller, med attributet autocomplete och ett av de värden som HTML-standarden anger. Då kan webbläsaren fylla i namn, adress och telefon, och hjälpmedel kan visa en ikon eller förklaring vid fältet. Det spar mycket skrivande för den som har svårt med tangentbordet eller med att minnas och stava. Kravet gäller fält om kunden, inte till exempel rabattkoden eller ett meddelande till butiken.

• autocomplete="off" på hela kassaformuläret, så att webbläsaren inte får fylla i något.
• Egna värden som autocomplete="postnr" eller "telefonnummer", som webbläsaren inte känner igen.
• Fälten för förnamn och efternamn saknar autocomplete, eller har given-name och family-name omkastade.
• Leveransadressen och fakturaadressen har samma värden, så att webbläsaren fyller i fel adress i ett av blocken.
• Fält för att skapa konto i kassan, som e-post och nytt lösenord, saknar email och new-password.

Ge varje fält om kunden rätt värde i autocomplete. Har kassan både leverans- och fakturaadress sätts shipping eller billing före värdet.

<label for="fornamn">Förnamn</label>
<input id="fornamn" name="fornamn" autocomplete="given-name">

<label for="postnummer">Postnummer</label>
<input id="postnummer" name="postnummer" inputmode="numeric"
       autocomplete="shipping postal-code">

<label for="telefon">Mobilnummer</label>
<input id="telefon" name="telefon" type="tel" autocomplete="tel">

Kontrollera själv

Månadsgranskningen kör axe-core, som larmar när ett fält har ett autocomplete-värde som inte finns i standarden. Fält som helt saknar autocomplete hittas inte automatiskt, eftersom det kräver att man vet vad fältet frågar efter. Gå igenom kassans fält själv och jämför med listan över värden i HTML-standarden.

• Understanding 1.3.5 Identify Input Purpose hos W3C (på engelska)
• Kravet i Diggs webbriktlinjer

Kravet 1.3.5 är nytt i WCAG 2.1 och finns inte i W3C:s svenska översättning, som gäller WCAG 2.0. Det svenska namnet kommer därför från Diggs webbriktlinjer.