Se încarcă...
Se încarcă...
Verifici dacă combinația ta de culori respectă standardele WCAG 2.1 și 2.2 pentru accesibilitate vizuală.
Raport de contrast
8.40:1
Excelent
Conformitate WCAG 2.1 / 2.2
AA Normal
Text normal (< 18pt) — min 4.5:1
AA Large
Text mare (≥ 18pt sau ≥ 14pt bold) — min 3:1
AAA Normal
Text normal (< 18pt) — min 7:1
AAA Large
Text mare (≥ 18pt sau ≥ 14pt bold) — min 4.5:1
WCAG 2.2 — Focus
Indicator de focus vizibil — min 3:1
Previzualizare live
Titlu de exemplu
Text mare bold (18pt+) — verificat la nivel AA Large
Acesta este un paragraf de text normal. Contrastul dintre culoarea textului si culoarea fundalului trebuie sa fie suficient de mare pentru a asigura lizibilitatea continutului de catre toti utilizatorii, inclusiv cei cu deficiente de vedere.
Text mic — cel mai dificil de citit, necesită contrast ridicat.
Combinații preset accesibile
Raportul de contrast măsoară diferența de luminozitate percepută între două culori. Este exprimat ca un raport (de exemplu 4.5:1), unde 1:1 înseamnă niciun contrast (aceeași culoare) iar 21:1 este contrastul maxim (negru pe alb).
Standardul WCAG 2.1 (Web Content Accessibility Guidelines) definește niveluri minime de contrast pentru a asigura că textul este lizibil pentru persoanele cu deficiențe de vedere, inclusiv daltonism sau vedere slăbită.
Nivelul AA este considerat minimul necesar pentru conformitate. Textul normal necesită un raport de cel puțin 4.5:1, iar textul mare (18pt bold sau 24pt) necesită cel puțin 3:1.
Nivelul AAA oferă un grad superior de accesibilitate. Textul normal necesită 7:1, iar textul mare necesită 4.5:1.
Algoritmul calculează luminanța relativă a fiecărei culori prin liniarizarea canalelor sRGB (în funcție de valoarea gamma), apoi aplică formula ponderată: L = 0.2126 × R + 0.7152 × G + 0.0722 × B. Raportul final este (L1 + 0.05) / (L2 + 0.05), unde L1 este luminanța mai mare.