Sjekk fargekontrast og lesbarhet i henhold til WCAG-standarder

Verktøyet viser kontrastforholdet på en skala fra 1:1 (ingen kontrast) til 21:1 (maksimal kontrast – svart tekst på hvit bakgrunn). Resultatet sammenlignes med terskler definert i WCAG-standarden:

• Normal tekst – krever kontrast minst 4.5:1 for nivå AA (minimumsstandard) eller 7:1 for nivå AAA (utvidet standard). Gjelder tekst under 18pt (24px) eller under 14pt (18.5px) fet.
• Stor tekst / fet – krever kontrast minst 3:1 for nivå AA eller 4.5:1 for nivå AAA. Gjelder tekst fra 18pt (24px) eller fra 14pt (18.5px) fet – overskrifter, knapper, uthevelser.
• Ikoner og grafiske elementer – krever kontrast minst 3:1 for nivå AA. Gjelder ikoner, knapper, skjemafelt og andre UI-elementer som formidler informasjon.

Nivå AA er minimum krevd av tilgjengelighetslovgivning i mange land, inkludert EUs webtilgjengelighetsdirektiv. Nivå AAA gir bedre lesbarhet, men er ikke alltid praktisk oppnåelig for alle elementer.

Hvis kontrasten er for lav, trenger du ikke lete etter riktig farge ved prøving og feiling. Funksjonen Match finner automatisk en variant av tekstfargen som oppfyller den valgte kontrastterskelen.

Slik fungerer tilpasningen:

1. Velg tilpasningsmålet fra listen – f.eks. AA for normal tekst eller AAA for stor tekst.
2. Start funksjonen med Match-knappen.
3. Verktøyet søker gjennom lyshets-varianter av tekstfargen og foreslår den nærmeste som oppfyller kravene.
4. Den foreslåtte fargekoden kan kopieres til utklippstavlen eller umiddelbart settes som ny tekstfarge.

Algoritmen bevarer nyansen og metningen til den originale fargen og endrer kun lysheten. Den foreslåtte fargen forblir dermed konsistent med den visuelle identiteten og oppfyller samtidig tilgjengelighetsstandarden.

Jeg ser en feilmelding om fargeformat

Sjekk fargeformatet. HEX-kode skal starte med # og inneholde 3 eller 6 tegn (f.eks. #fff eller #ffffff). For RGB-format sjekk at verdiene er atskilt med komma og ligger i intervallet 0-255.

Match-funksjonen finner ikke en passende farge

Når bakgrunn og tekst har lignende lyshet i samme nyanse, kan algoritmen muligens ikke finne en variant som oppfyller kravene uten å endre nyansen. I så fall bør du vurdere å endre bakgrunnsfargen eller velge en helt annen tekstfarge.

Fargen i velgeren matcher ikke den inntastede koden

Nettleserens fargevelger støtter kun HEX-format uten gjennomsiktighet. Hvis du taster inn en farge i RGBA- eller HSLA-format med gjennomsiktighet, viser velgeren kun fargedelen (uten alpha). Kontrastberegningene tar likevel hensyn til gjennomsiktigheten.

Fargeblindhet er en forstyrrelse av fargesynet som rammer ca. 8% av menn og 0,5% av kvinner. Fargeblinde personer kan ha vanskeligheter med å skille visse fargepar, selv når lyshetskontrasten er tilstrekkelig.

De vanligste typene fargeblindhet:

• Deuteranopi – vanskeligheter med å skille grønn og rød (den vanligste formen)
• Protanopi – vanskeligheter med å se rød
• Tritanopi – vanskeligheter med å se blå og gul (sjelden)

Dette verktøyet sjekker lyshetskontrast, som er viktig for alle brukere. Ved design bør du imidlertid i tillegg unngå problematiske fargekombinasjoner (f.eks. rød tekst på grønn bakgrunn) og ikke utelukkende stole på farge for å formidle informasjon – bruk også former, ikoner og tekst.

Norge har en av Europas strengeste lover om universell utforming - den gjelder også privat sektor, ikke bare offentlige virksomheter:

• Forskrift om universell utforming av IKT - krever at alle nettsteder og apper rettet mot allmennheten oppfyller WCAG 2.1 nivå AA. Gjelder både offentlig og privat sektor.
• Likestillings- og diskrimineringsloven - forbyr diskriminering på grunn av funksjonsnedsettelse, inkludert utilgjengelige digitale tjenester.
• Digitaliseringsdirektoratet (Digdir) - fører tilsyn og kan gi pålegg og dagbøter ved brudd.
• Strengere enn EU - mens EU-direktivet primært dekker offentlig sektor (med EAA fra 2025 for privat), har Norge allerede krevd universell utforming fra privat sektor i mange år.

Kontrastforholdet 4,5:1 for vanlig tekst og 3:1 for stor tekst er lovpålagt. Dette verktøyet sjekker nøyaktig disse tersklene.