Start › Kunskapsbank › WCAG-kriterium

Formulärmärkning enligt WCAG

Varje formulärfält måste ha en programmatiskt tillhörande etikett, så att skärmläsaranvändare vet vad som ska matas in och så att ett klick på etiketten sätter fokus i fältet.

Rätt väg

<label for="email">E-post</label><input id="email"> — eller inneslut fältet i <label>. aria-label / aria-labelledby endast om en synlig etikett inte är möjlig.

Varför en placeholder inte räcker

Placeholdern försvinner vid inmatningen, har ofta för låg kontrast och känns av vissa skärmläsare inte igen som etikett.

Felmeddelanden

Koppla felet till fältet (aria-describedby) och formulera texten konkret (”Ange en giltig e-postadress”, inte ”Fel”).

Så hjälper a11yglass

Den kostnadsfria skanningen kontrollerar den levererade HTML- och CSS-koden efter automatiskt igenkännbara WCAG-överträdelser och anger per iakttagelse framgångskriteriet och en konkret åtgärd. Den hittar ungefär 20–35 % av problemen och ersätter ingen fullständig granskning.

Läs vidare

• Alt-texter enligt WCAG 1.1.1
• Tangentbordsanvändning enligt WCAG 2.1.1
• Synligt fokus enligt WCAG 2.4.7

Allmän information efter bästa förmåga, ingen juridisk rådgivning. Anlita en advokatbyrå specialiserad på IT-rätt för det enskilda fallet.