Hva kreves i praksis?
Tastaturfokus skal kunne flyttes til og fra alle deler av siden med bare tastaturet — uten å sitte fast. Kravet gjelder sider som brukes i Norge, uavhengig av om du er offentlig virksomhet, butikk eller byrå som leverer nettsiden.
Vanlige feil og avvik
- Modaler som fanger Tab, men mangler Esc og synlig lukk-knapp.
- Innebygd kart, chat eller video som «stjeler» Tab.
- Egendefinert datepicker der fokus aldri kommer ut.
Før og etter — kodeeksempler
Eksemplene er forenklet. Lim inn mønsteret, ikke nødvendigvis klassenavnene, i din egen kodebase.
Feil kode — bryter WCAG
Dialogen fanger fokus i en evig løkke uten Esc eller lukk-kontroll.
Feil eksempel
<div role="dialog">
<input>
<input>
<!-- ingen lukk, ingen Esc -->
</div>Riktig kode — utbedret
Dialog har lukk-knapp, Esc, og fokus returnerer til utløseren. Bruk en kjent dialog-komponent.
Riktig eksempel
<div role="dialog" aria-modal="true" aria-labelledby="tittel">
<h2 id="tittel">Last ned rapport</h2>
<button type="button">Lukk</button>
</div>Hvordan UUvakta tester dette
Tastaturfeller er vanskelige å bevise automatisk. UUvakta rapporterer relaterte ARIA- og fokusavvik og minner om at dialoger må ha lukk og Esc. Gå gjennom egne widgets med bare Tab og Esc før lansering.