Categorii: Nivel AA
Ce înseamnă acest criteriu?
Criteriul WCAG 1.4.3 – Contrast (Minimum) stabilește că textul și imaginile de text trebuie să aibă un raport de contrast de cel puțin 4.5:1 față de fundalul pe care apar, pentru a fi ușor de citit de către majoritatea utilizatorilor, inclusiv cei cu deficiențe de vedere sau daltonism.
Pentru textul mare (font de cel puțin 18pt normal sau 14pt bold), contrastul minim permis este 3:1.
De ce este important?
- Aproximativ 8% dintre bărbați și 0.5% dintre femei suferă de forme de daltonism.
- Utilizatorii cu vedere slabă, afecțiuni temporare (oboseală oculară, lumină puternică) sau cei în vârstă pot avea dificultăți în a citi textul cu contrast scăzut.
- Un contrast slab afectează lizibilitatea, experiența utilizatorului și chiar credibilitatea site-ului.
Acest criteriu este despre claritate și confort vizual, nu doar despre estetică.
Exemple de aplicare corectă:
- Text negru (#000000) pe fundal alb (#FFFFFF) → contrast 21:1
- Text gri închis (#333333) pe fundal alb → contrast peste 7:1
- Text alb (#FFFFFF) pe fundal albastru închis (#003366) → contrast peste 12:1
- Text mic → minim 4.5:1
- Text mare (ex: titluri mari, butoane cu font bold) → minim 3:1
Ce greșeli apar frecvent?
- Gri deschis pe alb (#999999 pe #FFFFFF) → contrast ~2.6:1
- Text alb pe fundal galben deschis → aproape imposibil de citit.
- Subtitluri gri pe fundal gri, doar pentru „look modern”.
- Linkuri albastre (#0000FF) pe fundal negru → contrast insuficient pentru utilizatori cu deficiențe de culoare.
- Placeholder-uri în formulare cu gri foarte pal (ex: #cccccc) → contrast mult sub limita minimă.
Criteriul 1.4.3 nu este doar o regulă tehnică, ci o condiție de bază pentru ca textul să fie citit fără efort. Un contrast bun înseamnă o experiență mai bună, mai prietenoasă și mai incluzivă — pentru toți. Designul bun nu este doar frumos, ci și clar.
Please follow and like us:
