Start › Kunnskapsbase › WCAG-kriterium

Skjemamerking etter WCAG

Hvert skjemafelt må ha en programmatisk tilknyttet ledetekst, slik at skjermleserbrukere vet hva som skal fylles inn, og et klikk på ledeteksten fokuserer feltet.

Den riktige måten

<label for="email">E-post</label><input id="email"> — eller lukk feltet inn i <label>-en. aria-label / aria-labelledby bare når en synlig ledetekst ikke er mulig.

Hvorfor en placeholder ikke er nok

Placeholderen forsvinner ved inndata, har ofte for lav kontrast og gjenkjennes ikke som ledetekst av enkelte skjermlesere.

Feilmeldinger

Koble feilen til feltet (aria-describedby) og formuler teksten konkret («Oppgi en gyldig e-post», ikke «Feil»).

Slik hjelper a11yglass

Den gratis skanningen sjekker den leverte HTML-en og CSS-en for WCAG-brudd som kan gjenkjennes automatisk, og nevner per funn suksesskriteriet og et konkret tiltak. Den finner omtrent 20–35 % av problemene og erstatter ikke en fullstendig vurdering.

Les videre

• Alt-tekster etter WCAG 1.1.1
• Tastaturbetjening etter WCAG 2.1.1
• Synlig fokus etter WCAG 2.4.7

Generell informasjon etter beste kunnskap, ikke juridisk rådgivning. For enkelttilfellet, kontakt et advokatfirma spesialisert på IT-rett.