Hvorfor er kontrast så vigtig?
Cirka én ud af tolv mænd har nedsat farvesyn. Tekst med for lav kontrast bliver ulæselig for dem — og svær at læse for alle i sollys, på gamle skærme eller på en projektor. Derfor var lavkontrast-tekst den hyppigste fejl i WebAIMs store årlige gennemgang af de million mest besøgte hjemmesider.
Kravene
AA: 4,5:1 for normal tekst, 3:1 for stor tekst og grafik (1.4.11). AAA: 7:1 / 4,5:1. Ved EAA og offentlige sites er AA minimum.
Sekunder, ikke timer
Du behøver ikke beregne relativ luminans i hånden. Indtast to farver — hex eller farvevælger — og se resultatet live.
Dine data forbliver lokale
Beregningen kører i JavaScript i din egen browser. Ingen farver sendes nogen steder hen.
Sådan gør du (under 5 sekunder)
- Åbn den gratis WCAG Kontrast-Checker.
- Vælg tekstfarve og baggrundsfarve — enten med farvevælgerne eller ved at taste hex-koder direkte.
- Læs ratioen og resultatet: bestået/dumpet for AA og AAA, både for normal og stor tekst, plus en live forhåndsvisning.
- Juster den ene af farverne, indtil alle de krav du skal opfylde er grønne.
Ratioen beregnes med WCAG-specifikationens egen formel: begge farver konverteres til sRGB relativ luminans, og kontrasten er (L1 + 0,05) / (L2 + 0,05). Resultatet matcher therefore specifikationen nøjagtigt — samme tal som kommercielle værktøjer viser.
Fra enkelt par til hele siden
Kontrast-checkeren tester ét farvepar ad gangen — perfekt når du designer et nyt element. Skal et helt site tjekkes, brug den gratis Accessibility Scanner: indsæt URL'en, og den finder al lavkontrast-tekst på siden sammen med overskrifts-, alt-tekst-, formulär- og tastaturfejl.
Mere kontrast-hjælp
Palette generator bygger tilgængelige farvepaletter · Tekst-på-billede-tjek tester tekst oven på billeder.
Hvad siger loven?
Europas tilgængelighedslov (EAA) stiller WCAG-krav til de fleste e-handelssider fra juni 2025. Læs fristerne her.
Ofte stillede spørgsmål
Hvilken kontrast-ratio kræver WCAG AA?
Normal tekst under 24 px skal have mindst 4,5:1. Stor tekst (18 pt / 14 pt fed og opefter) kræver 3:1. AAA kræver 7:1 for normal tekst og 4,5:1 for stor tekst.
Gælder kontrastkravene også for ikoner og knapper?
Ja — WCAG 2.1 success-kriterium 1.4.11 (Non-text Contrast) kræver 3:1 for grafiske objekter som ikoner, input-kanter og vigtige UI-elementer.
Er værktøjet gratis?
Ja. Kontrast-checkeren på /contrast-checker-da kører helt i din browser. Ingen konto, ingen grænser, intet sendes til en server.
Hvordan finder jeg lavkontrast på en hel side?
Brug den gratis Accessibility Scanner på /scan-da: den gennemgår alle tekst-/baggrundskombinationer på en hel URL og viser hver overtrædelse af 1.4.3.