BLOG · TILGÆNGELIGHED

WCAG Kontrast-Checker
Sådan Tjekker Du Farvekontrast Gratis

Lav kontrast er den mest udbredte tilgængelighedsfejl på nettet — og den letteste at rette. Indtast to farver, se ratioen med det samme, og få at vide præcis hvilke WCAG-krav der består og hvilke der dumpes.

Opdateret august 2026 · 4 minutters læsning

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)

  1. Åbn den gratis WCAG Kontrast-Checker.
  2. Vælg tekstfarve og baggrundsfarve — enten med farvevælgerne eller ved at taste hex-koder direkte.
  3. Læs ratioen og resultatet: bestået/dumpet for AA og AAA, både for normal og stor tekst, plus en live forhåndsvisning.
  4. 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.

TILHØRENDE VÆRKTØJER

Mere kontrast-hjælp

Palette generator bygger tilgængelige farvepaletter · Tekst-på-billede-tjek tester tekst oven på billeder.

ENGELSK VERSION

Arbejder du internationalt?

Samme checker findes på engelsk her.

EAA

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.

Prøv kontrast-checkeren gratis →    Eller scan hele siden →

Relaterede guides