Care este raportul minim de contrast WCAG?

WCAG 2.1 AA necesită un raport de contrast de cel puțin 4.5:1 pentru text normal și 3:1 pentru text mare. AAA necesită cel puțin 7:1 pentru text normal și 4.5:1 pentru text mare.

Ce se califică drept text mare?

Textul mare este definit ca 18pt (aprox. 24px) sau mai mare, sau 14pt (aprox. 18.67px) bold sau mai mare.

Acest instrument încarcă culorile mele?

Nu. Toate calculele, evaluările luminanței relative și modificările de culoare au loc în browser-ul dumneavoastră folosind JavaScript. Nicio dată de culoare nu este trimisă către server.

Verificator Contrast Culoare WCAG

Evaluați raportul de contrast al culorilor textului și fundalului conform ghidurilor WCAG 2.1. Generați ajustări de culoare accesibile instantaneu.

Culoare Text / Prim-plan HEX/RGB/HSL

Background Color HEX/RGB/HSL

Totul rulează local în browserul tău.

Previzualizare Text în Timp Real

Titlu Mare (18pt Bold / 24pt Normal)

Aceasta este o previzualizare a stilului de text pentru titlu mare.

Text Normal (Sub 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Raport de Contrast

18.6:1

Stare de Conformitate WCAG 2.1

Cerințe WCAG AA

Text Normal (4.5:1) PASS

Text Mare (3.0:1) PASS

Cerințe WCAG AAA

Text Normal (7.0:1) PASS

Text Mare (4.5:1) PASS

Ghiduri WCAG 2.1

Verificați cu ușurință standardele de contrast pentru a construi interfețe accesibile care respectă ghidurile Secțiunii 508, ADA și WCAG AA sau AAA.

Motor de sugestii

Ajustează automat culorile incremental de-a lungul coordonatelor HSL pentru a descoperi cele mai apropiate alternative care îndeplinesc criteriile raportului de contrast.

Complet pe partea de client

Calculele sunt executate local în contextul browserului dumneavoastră. Niciun fel de culori, fișiere sau coordonate de telemetrie nu sunt transmise serverelor noastre.