Hva kreves i praksis?
Vanlig tekst skal ha minst 4,5:1 i kontrast mot bakgrunnen. Stor tekst (18 pt eller 14 pt fet) skal ha minst 3:1. Kravet gjelder sider som brukes i Norge, uavhengig av om du er offentlig virksomhet, butikk eller byrå som leverer nettsiden.
Vanlige feil og avvik
- Lys grå brødtekst på offwhite bakgrunn (typisk 2,5–3,5:1).
- Placeholder og hjelpetekst under 4,5:1.
- Hvit tekst på lys grønn eller beige knapp.
Før og etter — kodeeksempler
Eksemplene er forenklet. Lim inn mønsteret, ikke nødvendigvis klassenavnene, i din egen kodebase.
Feil kode — bryter WCAG
text-moss/60 på paper-bakgrunn lander ofte under 4,5:1. Det er en klassisk UU-tilsynet-sak.
Feil eksempel
<p class="text-moss/60">Kunne ikke laste rapporten.</p>
<button class="bg-moss/40 text-white">Lagre</button>Riktig kode — utbedret
Bruk full moss eller ink mot paper, og mørk pine mot lys knappetekst. Mål forholdet, gjett ikke.
Riktig eksempel
<p class="text-moss">Kunne ikke laste rapporten.</p>
<button class="bg-pine text-card">Lagre</button>Hvordan UUvakta tester dette
Hver side kjøres med axe color-contrast. Avviket viser beregnet forhold, kravet (4,5:1 eller 3:1) og et CSS-forslag. Gradient, tekst over bilde og tekst i canvas dekkes dårligere — de må sjekkes manuelt.