Utvecklare🔒 Kors i din webblasare

Färgkontrastkontroll

Kontrollera WCAG AA/AAA-efterlevnad för färgkontrast

Textfärg

Bakgrundsfärg

Exempeltitel

Så här kommer brödtexten att se ut med dessa färger.

Och detta är liten text som referens.

Kontrastförhållande

21.00:1

WCAG AA

Normal text✓ Godkänd

Stor text (18px+)✓ Godkänd

UI-komponenter✓ Godkänd

WCAG AAA

Normal text✓ Godkänd

Stor text (18px+)✓ Godkänd

Om Färgkontrastkontroll

Färgkontrasktrollen utvärderar kontrastförhållandet mellan två färger enligt WCAG 2.1-riktlinjerna. Den berättar om dina färgkombinationer uppfyller AA- eller AAA-tillgänglighetsstandarderna för normal text, stor text och UI-komponenter. Allt körs i din webbläsare.

Vanliga frågor

Vad är ett bra kontrastförhållande?

WCAG AA kräver ett minsta förhållande på 4,5:1 för normal text och 3:1 för stor text (18px+ eller 14px+ fet). WCAG AAA kräver 7:1 för normal text och 4,5:1 för stor text. Högre förhållanden innebär bättre läsbarhet.

Vad är skillnaden mellan AA och AAA?

AA är den minimalt rekommenderade standarden för de flesta webbinnehåll. AAA är en strängare standard som ger bättre läsbarhet för användare med synnedsättning. Att uppfylla AAA är idealiskt men krävs inte alltid.

Hur beräknas kontrastförhållandet?

Kontrastförhållandet beräknas med den relativa luminansen hos varje färg enligt definitionen i WCAG 2.1. Formeln jämför de ljusare och mörkare färgerna på en skala från 1:1 (ingen kontrast) till 21:1 (maximal kontrast, svart på vitt).