Start › Vidensbank › WCAG-kriterium

Formularmærkning ifølge WCAG

Hvert formularfelt skal have en programmatisk tilknyttet etiket, så skærmlæserbrugere ved, hvad der skal indtastes, og et klik på etiketten sætter fokus i feltet.

Den rigtige vej

<label for="email">E-mail</label><input id="email"> — eller indslut feltet i <label>. aria-label / aria-labelledby kun, hvis en synlig etiket ikke er mulig.

Hvorfor en placeholder ikke er nok

Placeholderen forsvinder ved indtastningen, har ofte for lav kontrast og genkendes af nogle skærmlæsere ikke som etiket.

Fejlmeddelelser

Forbind fejlen med feltet (aria-describedby), og formulér teksten konkret („Indtast en gyldig e-mailadresse”, ikke „Fejl”).

Sådan hjælper a11yglass

Den gratis scanning tjekker den leverede HTML og CSS for automatisk genkendelige WCAG-overtrædelser og nævner pr. fund succeskriteriet og et konkret tiltag. Den finder cirka 20–35 % af problemerne og erstatter ikke en fuldstændig gennemgang.

Læs videre

• Alt-tekster ifølge WCAG 1.1.1
• Tastaturbetjening ifølge WCAG 2.1.1
• Synligt fokus ifølge WCAG 2.4.7

Generel information efter bedste overbevisning, ikke juridisk rådgivning. Inddrag et advokatfirma med speciale i it-ret til den konkrete sag.