Kontrasttjek af farver. Tjek WCAG på sekunder.

Hvad er farvekontrast?

Farvekontrast er forskellen i lyshed mellem en tekst og baggrunden bag den. WCAG, den internationale standard for webtilgængelighed, måler den som et forhold fra 1:1 (samme farve) til 21:1 (sort på hvid).

God kontrast hjælper folk med nedsat syn, men også alle, der læser på telefonen i solskin. Lysegrå tekst på hvid ser elegant ud på en stor skærm og forsvinder på en lille.

Sådan tjekker du farvekontrasten

Kontrasttjekket ovenfor kører i din browser og svarer med det samme.

1. Skriv tekstfarven som hex-kode (fx #1a1a1a eller #fff), eller vælg den med farvevælgeren.
2. Skriv eller vælg baggrundsfarven på samme måde.
3. Læs kontrastforholdet og tabellen: består eller dumper for normal tekst, stor tekst og ikoner og brugerflade, på AA og AAA.
4. Dumper farveparret, foreslår værktøjet den nærmeste tekstfarve, der består AA (eller AAA, når AA er nået). Klik på “Brug denne farve” for at prøve den.
5. Tjekker du lys tekst på en mørk knap? Klik på “Byt farverne” for at vende parret om.

WCAG’s krav til kontrast: AA og AAA

WCAG 2 stiller disse krav til kontrastforholdet:

• Normal tekst, niveau AA: mindst 4,5:1.
• Stor tekst, niveau AA: mindst 3:1.
• Normal tekst, niveau AAA: mindst 7:1.
• Stor tekst, niveau AAA: mindst 4,5:1.
• Ikoner, kanter på inputfelter og andre dele af brugerfladen: 3:1 mod det, de står op ad.

Hvad tæller som stor tekst?

Stor tekst er mindst 24px normal eller cirka 18,7px fed (18pt og 14pt). Det meste brødtekst på en hjemmeside er 16–18px, så den skal leve op til det strengere krav på 4,5:1.

Hvilket niveau skal en hjemmeside leve op til?

AA er det niveau, lovgivning og offentlige udbud peger på. Den europæiske tilgængelighedsstandard EN 301 549 bygger på WCAG 2.1 AA, og tilgængelighedsdirektivet (European Accessibility Act) gælder fra juni 2025 for mange virksomheder, der sælger til forbrugere. I Danmark er mikrovirksomheder (under 10 ansatte og en omsætning eller balance på højst 2 mio. euro) undtaget kravene til tjenester. Læsbar tekst giver dig stadig flere kunder, så AA er værd at nå under alle omstændigheder.

AAA er et godt mål for lange tekster, men ikke et krav.

Sådan regnes kontrastforholdet ud

Hver farve omregnes til sin relative luminans: Den røde, grønne og blå kanal lineariseres og vægtes (0,2126, 0,7152, 0,0722), fordi øjet er mest følsomt over for grøn. Forholdet er (lysest + 0,05) ÷ (mørkest + 0,05).

Derfor dumper gul på hvid med et brag, mens blå på hvid klarer sig fint, selvom begge ser “lyse” ud. Kontrasttjekket afrunder ikke forholdet opad, så 4,496 bliver aldrig vist som et bestået 4,50.

Typiske fejl med farvekontrast

• Lysegrå brødtekst. Den ser rolig ud, men mellemgrå på hvid dumper ofte AA.
• Hvid tekst på en gul, orange eller lysegrøn knap. Tjek den, for de farver når sjældent 4,5:1.
• Tekst oven på fotos. Kontrasten skifter hen over billedet, så tjek mod den lyseste del, eller læg et mørkt lag bag teksten.
• Pladsholdertekst som eneste etiket. Bleg pladsholdertekst er svær at læse og forsvinder, når man begynder at skrive.
• Kun farve til at vise betydning. En rød kant om et formularfelt skal også have en fejltekst til dem, der ikke kan skelne rød fra grøn.