Kontrast-tjekker til WCAG AA og AAA
Tjek hurtigt om dine farver overholder WCAG-kravene. Indtast tekst- og baggrundsfarve, og se om din kontrast lever op til AA og AAA-standarderne for webtilgængelighed.
Kontrast-tjekker
Hvad er kontrastforhold?
Kontrastforhold (eller kontrastratio) er et tal, der beskriver forskellen i lysstyrke mellem to farver – typisk tekst og baggrund. Forholdet udtrykkes som f.eks. 4.5:1 eller 21:1, hvor det første tal angiver, hvor mange gange lysere den lyseste farve er i forhold til den mørkeste. Jo højere tal, jo større kontrast. Det maksimale kontrastforhold er 21:1 (sort på hvid), mens 1:1 betyder ingen kontrast (identiske farver).
Hvad er WCAG?
WCAG står for Web Content Accessibility Guidelines og er internationale retningslinjer udviklet af W3C (World Wide Web Consortium). WCAG sikrer, at digitalt indhold er tilgængeligt for alle – inklusiv personer med synsnedsættelse, farveblindhed eller andre funktionsnedsættelser. Retningslinjerne bruges verden over og danner grundlag for lovgivning om webtilgængelighed i både EU og Danmark.
Hvad betyder AA og AAA?
WCAG opererer med tre overordnede niveauer for tilgængelighed: A, AA og AAA.
WCAG AA
- Normal tekst: Minimum 4.5:1
- Stor tekst: Minimum 3:1
- Beskrivelse: Minimumskravet for de fleste websites og apps. Opfylder lovkrav i EU.
WCAG AAA
- Normal tekst: Minimum 7:1
- Stor tekst: Minimum 4.5:1
- Beskrivelse: Højeste niveau – anbefales til offentlige tjenester og maksimal tilgængelighed.
Stor tekst defineres som tekst på mindst 18pt (24px) eller 14pt fed (18.5px bold).
Hvorfor er kontrast vigtigt?
Tilstrækkelig farvekontrast er afgørende for:
- Læsbarhed – Tekst bliver lettere at læse for alle brugere
- Tilgængelighed – Personer med nedsat syn eller farveblindhed kan navigere dit indhold
- Lovkrav – EU’s tilgængelighedsdirektiv kræver WCAG AA-overholdelse for mange digitale tjenester
- Brugeroplevelse – God kontrast forbedrer oplevelsen på alle enheder og i alle lysforhold
Sådan bruger du kontrast-tjekkeren
- Vælg din tekstfarve ved at indtaste en HEX-kode eller bruge farvevælgeren
- Vælg din baggrundsfarve på samme måde
- Se resultatet med det samme – værktøjet beregner automatisk kontrastforholdet og viser, om kombinationen overholder WCAG AA og AAA for både normal og stor tekst
Alle beregninger sker lokalt i din browser – hurtigt, sikkert og uden at gemme data.
Hvem har gavn af dette værktøj?
Kontrast-tjekkeren er udviklet til webdesignere, UX-designere, frontend-udviklere og alle, der arbejder med digitale brugerflader. Den er også relevant for virksomheder og organisationer, der skal leve op til krav om digital tilgængelighed – herunder offentlige institutioner, e-handelsvirksomheder og SaaS-udbydere.
