Gå til innhold

1.4.3 Kontrast (minimum)

Klikk her for å leseskjule dette kravet

Krav:

Den visuelle presentasjonen av tekst og bilder av tekst har et kontrastforhold på minst 4.5:1, unntatt i følgende tilfeller:

  • Stor tekst: Stor skriftstørrelse og bilder av stor skriftstørrelse har et kontrastforhold på minst 3:1.
  • Uvesentlig: Tekst eller bilder av tekst som utgjør en del av en inaktiv brukergrensesnittkomponent, som er ren dekorasjon, som ikke er synlig(e) for noen, eller som utgjør en del av et bilde som inneholder annet vesentlig visuelt innhold, er ikke underlagt kontrastkrav.
  • Logoer: Tekst som utgjør en del av en logo eller et varemerkenavn, er ikke underlagt kontrastkrav.
Kilde: Direktoratet for forvaltning og IKT (åpnes i nytt vindu)

Hva betyr dette kravet?

God kontrast på nettsiden er vesentlig for å sikre god lesbarhet. Dette er viktig for alle brukere, særlig under vanskelige lysforhold.

Kravet til kontrast er avhengig av størrelsen på objektene:

  • Stor tekst: kontrastkrav 3.0:1
  • Liten tekst: kontrastkrav 4.5:1
  • Ved normal teksttykkelse er stor tekst 18 punkt og større.
  • Ved fet tekststil er stor tekst 14 punker og større.

Enkelt sagt er stor tekst dobbelt så stort som vanlig brødtekst, noe som betyr at det meste av tekstinnholdet på din nettside krever kontrastkrav 4.5:1.

Eksempel på god og dårlig kontrast på tekst

Klikk på bildet for å få opp en større versjon.

Unntaket er hvis objektet ikke er aktivt eller ikke har en meningsbærende funksjon. For eksempel på sider der du skal bestille billetter til en gitt dag eller en gitt dato, og en eller flere av dagene er utsolgt. Da kan denne datoen eller dagen ha svakere kontrast for å indikere at elementet ikke er aktivt. 

Nyttig verktøy

Test om dine farger oppfyller kravene om godkjent kontrast: http://juicystudio.com/services/luminositycontrastratio.php

Gå til toppen av siden