WCAG Kontrast-Checker
Vælg to farver og få den præcise WCAG 2.1 kontrast-ratio med straks svar på AA og AAA. Alt kører i din browser — intet bliver uploadet.
Tjek et farvepar
—
Nærmeste tekstfarve der består AA (4,5:1):
| Indhold | Krævet ratio | AA | AAA | |
|---|---|---|---|---|
| Normal tekst (< 18pt / < 14pt fed) | 4.5 : 1 | — | — | |
| Stor tekst (≥ 18pt eller ≥ 14pt fed) | 3 : 1 | — | — | |
| UI-komponenter & grafik | 3 : 1 | — | n/a | |
Eksempel på stor overskrift
Sådan ser almindelig brødtekst ud i din valgte kombination. Læselig i længden? Dine læsere afgør det på få sekunder.
Ratioerne følger WCAG 2.1 success-kriterierne 1.4.3 (Contrast Minimum), 1.4.6 (Contrast Enhanced) and 1.4.11 (Non-text Contrast). Skal fejl rettes på hele sitet? Den gratis Accessibility Scanner finder lavkontrast-tekst på en hel side.
Du testede ét farvepar. Et website er alle par.
| Plan | Gratis | EUComply Pro |
|---|---|---|
| Hvad du får |
|
|
| Pris | $0ingen licensnøgle nødvendig | $79/år pr. website |
$149 én gang pr. website — livstid, første 100 køb
Inkluderer ikke DPA, NIS2-klausler eller andre dokumenter — sælges separat
Køb EUComply Pro — $79/år pr. website
Én licens pr. website. Se hvad Pro tilføjer, før du køber.
Tjek mange farvepar på én gang
Indtast ét farvepar pr. linje — forgrund og baggrund som hex-koder, adskilt med mellemrum eller komma. Få ratio og AA/AAA-dom for hvert par i én tabel.
Ét par pr. linje: #1a1e21 #ffffff eller #1a1e21,#ffffff. Linjer uden to gyldige hex-farver springes over.
| Forgrund | Baggrund | Ratio | APCA Lc | AA | AAA |
|---|
Sådan beregnes ratioen
Hver farve konverteres til sRGB relativ luminans (L = 0.2126·R + 0.7152·G + 0.0722·B efter gamma-ekspansion). Kontrast-ratioen er (L1 + 0,05) / (L2 + 0,05), hvor L1 er den lyseste farve. En ratio på 1:1 betyder identiske farver; 21:1 er maksimum (sort på hvidt). Det matcher formlen i WCAG-specifikationen nøjagtigt.
Nedenunder får du også en APCA Lc-score, den perceptuelle model der er under udarbejdelse til WCAG 3. Den er fortægneladet: et positivt tal betyder mørk tekst på lys baggrund, et negativt tal lys tekst på mørk — den polaritet 2.x-ratioen ignorerer. Tallet er referenceberegningen APCA 0.1.9 (W3), og rådet ved siden af følger APCA's egne tærskler: 90 til foretrukket brødtekst, 75 mindste for brødtekst, 60 til store overskrifter, 45 til store eller fede tekster og 30 som det absolutte gulv.
Guide: sådan tjekker du kontrast trin for trin
← Alle gratis værktøjer · Tekst-på-billede-tjek · Hele-siden-scanner · Palette generator · English version
Ofte stillede spørgsmål
Hvad kræver AA og AAA af kontrast?
WCAG 2.x AA kræver 4,5:1 for almindelig tekst og 3:1 for stor tekst (18 pt eller 14 pt fed og op). AAA kræver 7:1 hhv. 4,5:1. Ikke-tekstlige elementer som kantfarver på formularfelter skal have mindst 3:1 under AA.
Hvordan beregnes kontrastforholdet?
Relativ luminans for begge farver beregnes efter WCAG-formlen (sRGB-værdier lineariseres og vægtes 0,2126 R + 0,7152 G + 0,0722 B), og den lyseste værdi divideres med den mørkeste plus 0,05. Resultatet ligger mellem 1:1 og 21:1.
Kan jeg teste mere end forgrund/baggrund?
Ja, du kan teste vilkårlige farvepar — også disabled-tilstande og pladsholdertekst. Bemærk at WCAG fritager logoer og rent dekorative elementer fra kravene.
Hvorfor fejler hvid tekst på min brandfarve?
Mange mellemtoner (gul, lyseblå, beige) har høj luminans, så hvid på toppen giver forhold omkring 2:1. Mørk tekst passerer ofte med det samme — prøv begge retninger, før du designer paletten om.
Dette tjek er gratis. At tjekke hele sitet er ikke.
Du har testet ét farvepar. Intet her fortæller, om resten af sitet består — det er det EUComply Pro til: den læser siden fra serveren, kører de 15 tilgængelighedstjek og lægger 18 serverside-tjek for GDPR, cookies, sikkerhed og metadata oveni, i alt 33, i en PDF-rapport du kan give en kunde.