Farvekontrastkontrol
Sørg for, at din tekst og UI overholder WCAG 2.1 kontrastkrav — en væsentlig del af EAA/EN 301 549-overholdelse. Indsæt farverne, forvis kombinationer og få klart godkendt eller afvist for normal tekst, stor tekst og UI-komponenter.
Betroet af organisationer i hele Europa, der arbejder mod overholdelse af WCAG og EAA
Hvad er en kontrastkontrol og hvorfor bruge den?
Tilstrækkelig kontrast øger læsbarheden for alle — især for brugere med nedsat syn, farvesynsproblemer eller på skærme af lav kvalitet.
Kontroller 1.4.3 Kontrast (Minimum), 1.4.6 Kontrast (Forbedret) og 1.4.11 Kontrast for ikke-tekst for UI-komponenter og grafik.
Det Europæiske tilgængelighedsdirektiv henviser til EN 301 549, som igen refererer til WCAG — kontrast er en nøglekomponent i at opfylde forpligtelser.
Tilgængelige farvepaletter skaber robuste, læselige grænseflader, der fungerer i lyse/mørke temaer og på forskellige enheder.
WCAG 2.1 kontrastgrænser (hurtig reference)
Minimumsforhold: 4,5:1 (tekst under 24 px almindelig / 19 px fed).
Minimumsforhold: 3:1 (≥ 24 px almindelig eller ≥ 19 px fed).
Minimal kontrast mod tilstødende farver: 3:1 (fokusringe, formularfelter, ikoner etc.).
Test kontrastkontrollen
Indtast for- og baggrundsfarver (HEX). Værktøjet beregner kontrastforholdet og viser godkendt/ikke godkendt for WCAG-niveauer. Resultater opdateres mens du skriver.
Color Contrast Checker
Example text preview
Contrast ratio: 8.67:1
Normal text
Contrast Ratio:8.67:1
Normal Text (WCAG AA)
Pass ≥ 4.5
AAA
Pass ≥ 7.0
Ofte stillede spørgsmål
Ændres kontrastkrav i WCAG 2.1?
Kræver EAA WCAG-kontrast?
Hvad tælles som ”stor tekst”?
Gør kontrastkontroller til en del af din arbejdsgang
Kør kontrastkontroller under designgennemgange og kodegennemgange. Kombiner med automatiseret scanning for at finde problemer i stor skala.