Hva kreves i praksis?
Skjemafelt skal ha ledetekster eller instruksjoner når brukeren skal oppgi informasjon — synlige før feil oppstår. Kravet gjelder sider som brukes i Norge, uavhengig av om du er offentlig virksomhet, butikk eller byrå som leverer nettsiden.
Vanlige feil og avvik
- Felt med bare placeholder, ingen label.
- Dato uten formatforklaring (DD.MM.ÅÅÅÅ).
- Flere labels som peker på samme felt og skaper rot.
Før og etter — kodeeksempler
Eksemplene er forenklet. Lim inn mønsteret, ikke nødvendigvis klassenavnene, i din egen kodebase.
Feil kode — bryter WCAG
Placeholder er ikke en ledetekst. Formatet er usynlig når feltet er fylt.
Feil eksempel
<input type="text" placeholder="Fødselsdato">Riktig kode — utbedret
Synlig label pluss instruksjon via aria-describedby. Placeholder er valgfri hint, ikke erstatning.
Riktig eksempel
<label for="fdato">Fødselsdato</label>
<p id="fdato-hjelp">Skriv datoen som DD.MM.ÅÅÅÅ.</p>
<input id="fdato" type="text" inputmode="numeric" aria-describedby="fdato-hjelp" autocomplete="bday">Hvordan UUvakta tester dette
label og form-field-multiple-labels inngår i skannen. UUvakta varsler felt uten programmatisk ledetekst. Om instruksjonen er tydelig nok (datoformat, passordkrav) er et manuelt tillegg — men manglende label er et automatisk avvik.