Design
Contrast accesibil — de ce și cum
Insuficiența de contrast este cea mai frecventă eroare WCAG — prezentă în 83% din homepage-urile audiate (WebAIM 2024). Iată cum o rezolvi.
4,5:1
Text normal sub 18pt sau 14pt bold (WCAG 1.4.3 AA)
3:1
Text mare (≥18pt / ≥14pt bold) și componente UI (WCAG 1.4.11)
7:1
Nivel AAA pentru text normal — excelență în accesibilitate
Greșeli frecvente de contrast
| Culori folosite | Raport real | Problema |
|---|---|---|
| #999999 pe alb | 2,85:1 | ✗ Sub minim — text gri deschis frecvent |
| #0077FF pe alb | 3,49:1 | ✗ Albastru web clasic insuficient |
| #767676 pe alb | 4,54:1 | ✓ Minim acceptabil pentru gri |
| #065f46 pe alb | 9,5:1 | ✓ Excelent — verde închis |
| alb pe #065f46 | 9,5:1 | ✓ Excelent — alb pe verde |