Verificator Contrast Culori — Testare Accesibilitate WCAG

Contrastul suficient al culorilor este cerut legal pentru multe site-uri și esențial pentru persoanele cu deficiențe vizuale. Verificatorul nostru de Contrast calculează raportul și arată dacă îndeplinești standardele WCAG.

Standardele de contrast WCAG

WCAG AA: 4,5:1 pentru textul normal, 3:1 pentru text mare (18pt+). WCAG AAA: 7:1 pentru textul normal, 4,5:1 pentru text mare. AA este standardul legal minim în majoritatea țărilor. AAA este standardul ideal pentru accesibilitate maximă.

Calcularea raportului de contrast

Raport = (L1 + 0,05) ÷ (L2 + 0,05), unde L1 și L2 sunt luminanțele relative. Negru pe alb dă 21:1 (maximum). Gri deschis pe alb poate da 1,2:1 — aproape ilizibil pentru toată lumea.

Contrastul culorilor în practică

Nuanțele gri subtile pe fundal alb sunt atrăgătoare vizual, dar eșuează adesea la WCAG. Testează paleta de culori devreme în design. Folosește variante mai închise ale culorilor de brand pentru text.