Rekommendationer för uppmärkning av formulärfältLänk hit

• Använd attributet autocomplete på inmatningsfält.
• Beskriv förväntat innehåll med attributet autocomplete, om det finns en standardiserad benämning.
• Ange autocomplete=”off” om det gäller känslig information eller om servern erbjuder ordförslag.

Använd attributet autocomplete på inmatningsfältLänk hit

Vissa webbläsare sparar (lokalt) inmatningar som användaren gör i formulärfält. Tack vare detta kan webbläsaren ge förslag på inmatning när användaren senare hamnar på inmatningsfält som ser ut att ha samma innebörd. Google har gjort uppskattningen att användare blir ca 30% snabbare i utcheckning när autocomplete används.

Webbläsare som har autocomplete aktiverat gör sitt bästa för att förslå relevanta inmatningsförslag. De utgår till exempel från att inmatningsfält (input-element) med samma värde på attributen id eller name har samma typ av innehåll. Men så är inte alltid fallet. Med hjälp av attributet autocomplete kan du som utformar formuläret förbättra möjligheterna för webbläsaren att ge relevanta förslag.

Beskriv förväntat innehåll med attributet autocomplete, om det finns en standardiserad benämning

I HTML5-standarden finns en lista med vanliga ändamål för inmatningsfält. Om ändamålet för ditt inmatningsfält finns med i denna standardlista kan du genom att använda rätt benämning se till att de förslag som webbläsaren presenterar för användaren med större sannolikhet är relevanta.

Tanken är att det även ska finnas standardiserade (eller individualiserade) symboler för dessa olika ändamål, som webbläsaren (eventuellt med hjälp av hjälpmedel eller tilläggsprogram) kan presentera för användaren i direkt anslutning till inmatningsfältet. Än så länge känner vi dock inte till någon sådan implementation.

<kontaktväg> betyder att det går att specificera om det gäller hem (“home”), arbete (“work”), mobiltelefon (“mobile”), fax (“fax”) eller personsökare (“pager”) genom att inleda autocomplete-attributet med motsvarande kod.

Ange autocomplete=”off” om det gäller känslig information eller om servern erbjuder ordförslag

Det är olämpligt med inmatningsförslag för inmatningsfält som kan innehålla känslig information. Risken är ju att en person som ser “över axeln” på användaren råkar få veta vad användaren tidigare matat in i liknande fält.

Det är onödigt med inmatningsförslag för inmatning som enbart ska göras en gång (till exempel engångskoder för inloggning).

Om webbservern erbjuder förslag på inmatning, baserat på information som inte hämtas från användarens webbläsare utan från en databas (se Ge ordförslag vid sökning och inmatning (R112)) så är det oftast olämpligt att även webbläsaren ger ordförslag.

I samtliga dessa fall bör värdet “off” anges i attributet autocomplete.

ExempelLänk hit

Google har publicerat en stor formulärsida som använder autocomplete på nästan alla inmatningsfält. Observera dock att de inte till 100% följer standarden. Istället för “given-name” används “fname”, och istället för “family-name” används “lname”. Detta är inte helt ovanligt, av någon anledning.

Här är exempel på hur det autocomplete kan se ut i kod:

<form >
<input autocomplete="transaction-currency" value="SEK">
<input autocomplete="transaction-amount" value="15.00">
<p><label>Kreditkortsnummer: 
<input type="text" autocomplete="cc-number"></label>
<p><label>Kortet giltigt till: 
<input type="month" autocomplete="cc-exp"></label>
<p><input type="submit" value="Fortsätt...">
</form>

Utdrag från WCAG-standardenLänk hit

Riktlinje 1.3 Anpassningsbart: Skapa innehåll som kan presenteras på olika sätt (exempelvis med enklare layout) utan att information eller struktur går förlorad.

1.3.5 Identify Input Purpose The purpose of each input field collecting information about the user can be programmatically determined when:

• The input field serves a purpose identified in the Input Purposes for User Interface Components section; and
• The content is implemented using technologies with support for identifying the expected meaning for form input data.

(Nivå AA)

Relaterade riktlinjerLänk hit

• Fyll formulär med kända uppgifter (R52)
• Ge ordförslag vid sökning och inmatning (R112)

TerminologiLänk hit

Prediktiv textinmatning eller autocomplete på engelska innebär att systemet eller webbsidan baserat på pågående textinmatning kan komma med förslag på fortsättning av inmatningen.

I Skatteverkets tjänst flyttanmälan används autocomplete för att föreslå bland annat gatuadress.

Detta underlättar för den som ska fylla i till exempel sökrutor eller formulär. Funktionen är vanlig och hjälpsam i sökfunktioner där den ger användaren ordförslag vid inmatningen R112.