Verificator Contrast

Introdu o culoare de prim-plan și una de fundal (sau alege dintr-o captură de ecran); obține raportul de contrast și nivelurile WCAG pe care le îndeplinește. WCAG 2.1 AA este nivelul legal de bază pentru accesibilitate în majoritatea jurisdicțiilor; AAA este standardul superior recomandat pentru conținut critic.

Pragurile

• WCAG AA, text normal: minim 4,5:1.
• WCAG AA, text mare (18pt+ sau 14pt+ bold): minim 3:1.
• WCAG AAA, text normal: minim 7:1.
• WCAG AAA, text mare: minim 4,5:1.
• Componente UI non-text (butoane, margini formulare): minim 3:1 (WCAG 2.1+).

De ce contează contrastul

Textul cu contrast scăzut este ilizibil pentru utilizatorii cu vedere redusă (aproximativ 4% din populație), utilizatorii în lumina puternică a soarelui, utilizatorii cu monitoare ieftine și ochii îmbătrâniți (toată lumea, în cele din urmă). Multe sisteme de design folosesc implicit gri pe gri pentru că arată elegant pe un ecran 5K calibrat al unui designer — și este ilizibil în altă parte.

Nerespectarea WCAG AA poate atrage și acțiuni legale în SUA (ADA Titlul III), UE (EAA) și multe alte jurisdicții. O asigurare ieftină: verifică fiecare pereche text/fundal înainte de lansare.

Ce raportăm

1. Raportul de contrast ca număr (de exemplu 4,71:1).
2. Promovat/Respins pentru fiecare nivel WCAG și dimensiune de text.
3. Sugestii de corecție: cea mai apropiată culoare mai închisă pentru prim-plan sau mai deschisă pentru fundal care ar trece testul.
4. Previzualizare live cu text eșantion în perechea de culori.

Combină cu simulatorul de daltonism

Contrastul și daltonismul sunt axe diferite de accesibilitate. Rulează Simulatorul de Daltonism pe aceeași interfață pentru a verifica dacă funcționează și pentru utilizatorii cu deficiențe de vedere a culorilor.