Kontrastsjekker
For å sikre god lesbarhet i våre applikasjoner er det viktig å opprettholde kontrastkrav for farger på nett.
All tekst må ha tilstrekkelig kontrast mot bakgrunnen for å sikre god lesbarhet – viktig for alle brukere, særlig i vanskelige lysforhold. Nivå AA er minimumskravet, uansett hvilken WCAG-versjon som er lovpålagt akkurat nå: selve kontrastkravet (kriterium 1.4.3) er uendret på tvers av versjonene.
Kravet til kontrast er avhengig av størrelsen på teksten/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 punkt og større.
Stor tekst er det som er dobbelt så stor som brødtekst, det vil si at mesteparten av tekstinnholdet på våre nettsider krever kontrastkrav 4.5:1. Grafiske objekter som er viktig for å forstå innholdet, har en kontrast på minst 3:1 mot bakgrunnsfargen.
Eksempler på kontrastnivå
Om Entur
Entur leverer tjenester som gjør det enkelt å reise på tvers av alle kollektivselskaper i Norge.
Slik ser det ut med kontrast 1.7:1. Dette er ikke innafor kontrast-kravet og ikke godkjent."
Om Entur
Entur leverer tjenester som gjør det enkelt å reise på tvers av alle kollektivselskaper i Norge.
Slik ser det ut med kontrast 5.5:1. Dette er innafor kontrastkravet.
Om Entur
Entur leverer tjenester som gjør det enkelt å reise på tvers av alle kollektiv-selskaper i Norge.
Slik ser det ut med maks kontrast 15.6:1. Dette er veldig innafor!
Color Contrast Checker
Bruk vår Color Contrast Checker for å bestemme lesbarheten til tekst og kontrasten til grafiske objekter.
#181c56#aeb7e2| Navn | Normal tekst | Stor tekst (18pt +) | Grafisk objekt |
|---|---|---|---|
| WCAG AA | Innafor | Innafor | Innafor |
| WCAG AAA | Innafor | Innafor | Innafor |