Utvikler🔒 Kjorer i nettleseren din

Fargekontrast-sjekker

Sjekk WCAG AA/AAA fargekontrast-overholdelse

Tekstfarge

Bakgrunnsfarge

Eksempel Tittel Tekst

Slik vil brødtekst se ut med disse fargene.

Og dette er liten tekst for referanse.

Kontrastforhold

21.00:1

WCAG AA

Normal tekst✓ Godkjent

Stor tekst (18px+)✓ Godkjent

UI-komponenter✓ Godkjent

WCAG AAA

Normal tekst✓ Godkjent

Stor tekst (18px+)✓ Godkjent

Om Fargekontrast-sjekker

Fargekontrast-sjekkereren evaluerer kontrastforholdet mellom to farger i henhold til WCAG 2.1-retningslinjene. Den forteller deg om fargekombinasjonen din oppfyller AA- eller AAA-tilgjengelighetsstandarder for normal tekst, stor tekst og UI-komponenter. Alt kjører i nettleseren din.

Vanlige spørsmål

Hva er et godt kontrastforhold?

WCAG AA krever et minimumsforhold på 4,5:1 for normal tekst og 3:1 for stor tekst (18px+ eller 14px+ fet). WCAG AAA krever 7:1 for normal tekst og 4,5:1 for stor tekst. Høyere forhold betyr bedre lesbarhet.

Hva er forskjellen mellom AA og AAA?

AA er minimumsstandarden som anbefales for de fleste nettinnhold. AAA er en strengere standard som gir bedre lesbarhet for brukere med synshemninger. Å oppfylle AAA er ideelt, men ikke alltid påkrevd.

Hvordan beregnes kontrastforholdet?

Kontrastforholdet beregnes ved hjelp av den relative luminansen til hver farge som definert av WCAG 2.1. Formelen sammenligner de lysere og mørkere fargene på en skala fra 1:1 (ingen kontrast) til 21:1 (maksimal kontrast, svart på hvitt).