Udvikler🔒 Korer i din browser

Farvekontrast-checker

Tjek WCAG AA/AAA-farvekontrast-overholdelse

Tekstfarve

Baggrundsfarve

Eksempel overskriftstekst

Sådan vil brødtekst se ud med disse farver.

Og dette er lille tekst til reference.

Kontrastforhold

21.00:1

WCAG AA

Normal tekst✓ Bestået

Stor tekst (18px+)✓ Bestået

UI-komponenter✓ Bestået

WCAG AAA

Normal tekst✓ Bestået

Stor tekst (18px+)✓ Bestået

Om Farvekontrast-checker

Farvekontrast-checkeren evaluerer kontrastforholdet mellem to farver i henhold til WCAG 2.1-retningslinjerne. Den fortæller dig, om dine farvekombinationer opfylder AA- eller AAA-tilgængelighedsstandarderne for normal tekst, stor tekst og UI-komponenter. Alt kører i din browser.

Ofte stillede spørgsmål

Hvad er et godt kontrastforhold?

WCAG AA kræver et minimumsforhold på 4,5:1 for normal tekst og 3:1 for stor tekst (18px+ eller 14px+ fed). WCAG AAA kræver 7:1 for normal tekst og 4,5:1 for stor tekst. Højere forhold betyder bedre læsbarhed.

Hvad er forskellen mellem AA og AAA?

AA er den minimalt anbefalede standard for det meste webindhold. AAA er en strengere standard, der giver bedre læsbarhed for brugere med synshandicap. At opfylde AAA er ideelt, men kræves ikke altid.

Hvordan beregnes kontrastforholdet?

Kontrastforholdet beregnes ved hjælp af den relative luminans af hver farve som defineret af WCAG 2.1. Formlen sammenligner de lysere og mørkere farver på en skala fra 1:1 (ingen kontrast) til 21:1 (maksimal kontrast, sort på hvid).