Fargekontraster

For å sikre at innhold på nettsiden skal være lesbart uansett forhold, bør man ha høy kontrast. Jo høyere kontrast, jo lettere er det å lese.

Denne informasjonen er eldre enn 1 år og kan være utdatert

Kontrastkrav på tekst mot bakgrunn

Kravet til kontrast gjelder for all tekst på siden, for eksempel tekst i artikler, tekst i søkefeltet, tekst som vises når musepekeren holdes over eller hvis et element får fokus ved tastaturnavigering.

 

Kontrastkrav for stor eller fet tekst er 3.0:1

  • For tekst som er større enn 24 piksler (18 punkt) høy i ordinær skrift
  • For tekst som er minst 19 piksler (14 punkt) høy i fet skrift.

Kontrastkrav for tekst som er mindre enn 18 punkt er 4.5:1.

Kontrastkrav for ikke tekstlig innhold 

Det skal være god kontrast (minst 3:1) mellom bakgrunn og for eksempel knapper, klikkbare ikoner, søkefelt og felter i skjema og avkrysningsbokser, samt informasjonsgrafikk. 

Er det en rammen rundt en knapp skal rammen ha tilstrekkelig kontrast mot nettstedets bakgrunnsfarge. 

Eksempel - Klikk for stort bilde

 

 

 

 

eksempel - Klikk for stort bilde

WCAG kravnummer: 1.4.3 kontrast, 1.4.11 kontrast for ikke-tekstlig innhold