Despre acest instrument
Verificați raportul de contrast al culorilor dintre textul din prim-plan și culorile de fundal conform regulilor de accesibilitate WCAG 2.1. Introduceți culorile sub formă de coduri hexadecimale, valori RGB sau valori HSL și vedeți instantaneu raportul de contrast împreună cu rezultatele de trecere/eșec pentru conformitatea WCAG AA și AAA, atât la dimensiunile normale, cât și la mari ale textului.
Întrebări frecvente
- Ce raport de contrast este necesar pentru conformitatea cu WCAG?
- WCAG AA necesită 4,5:1 pentru text normal și 3:1 pentru text mare (18 pt+ sau 14 pt+ bold). WCAG AAA necesită 7:1 pentru text normal și 4,5:1 pentru text mare. Raportul maxim posibil este de 21:1 (negru pe alb).
- De ce contează contrastul de culoare?
- Un contrast suficient asigură citirea textului pentru utilizatorii cu vedere slabă, daltonism sau cei care vizionează ecranele în lumina puternică a soarelui. Este, de asemenea, o cerință legală conform reglementărilor ADA și UE privind accesibilitatea pentru multe site-uri web.
- Ce este considerat „text mare” în WCAG?
- Textul mare este definit ca 18 pt (24 px) și mai mult pentru o greutate normală sau 14 pt (18,66 px) și mai mult pentru textul aldine. Textul mare are cerințe de contrast mai mici, deoarece este în mod inerent mai ușor de citit.
- Acest instrument verifică contrastul pentru elementele non-text?
- WCAG 2.1 necesită un raport de contrast de 3:1 pentru componentele UI și obiectele grafice (butoane, pictograme, câmpuri de formular). Puteți folosi acest instrument pentru a le verifica și pe acestea - trebuie doar să introduceți culorile componente și de fundal.