3.3.2 Etiketter och instruktioner A

För att användare ska förstå vad ett inmatningsfält efterfrågar, är det viktigt att använda tydliga etiketter eller instruktioner. Det ska framgå vad som måste fyllas i och hur det ska göras. Etiketter och instruktioner kan också tala om vilket format inmatningsfältet har, särskilt om det skiljer sig från standardformat eller om det finns specifika regler som måste följas. Ett vanligt exempel på detta är att skriva hur många siffror av ett personnummer som förväntas.

Ett vanligt misstag är att enbart förlita sig på placeholder-texter, som inte är en tillräcklig lösning eftersom de försvinner när användaren börjar fylla i fältet. Detta kräver att användaren måste komma ihåg vad som ska fyllas i och i vilket format.

Etiketterna måste presenteras för alla användare. Det innebär att etiketten ska vara synlig, och även tillgänglig för hjälpmedel såsom skärmläsare.

Exempel

Detta inmatningsfält har ingen etikett. Därför är det svårt att förstå vilken information som användare förväntas ange. I detta fall är det ett simpelt textfält, där det inte spelar någon roll vad som skrivs in. Skulle fältet däremot användas exempelvis vid skapande av ett användarkonto och det är användarnamnet som förväntas fyllas i, kanske ens användarnamn blir något helt annat än vad en har tänkt sig.

Jämför med detta inmatningsfält. Funktionen är densamma som i förra fältet, men nu finns det en etikett som talar om vad för information som förväntas fyllas i.

Liknande riktlinjer

Denna riktlinje kräver inte att etiketter eller instruktioner har rätt kod eller är kopplade till sina inmatningsfält. Det täcks separat av 1.3.1 Information och struktur.

Riktlinjen gäller inte heller för länkar eller andra kontroller som inte är kopplade till datainmatning. Det täcks av av 2.4.6 Rubriker och etiketter.

Läs mer om riktlinje 3.3.2 på W3Cs webbplats.