Ce sunt WCAG 2.1?
WCAG 2.1 (Web Content Accessibility Guidelines) sunt ghidurile internaționale publicate de W3C în 2018. Conțin 78 criterii de succes organizate în 3 niveluri (A, AA, AAA) și 4 principii (POUR). Legea 232/2022 impune conformitate la nivel AA.
De ce WCAG 2.1 și nu 2.0?
WCAG 2.1 adaugă 17 criterii noi față de 2.0, cu focus pe:
- Accesibilitate pe dispozitive mobile (touch, orientare)
- Persoane cu deficiențe cognitive și dizabilități de învățare
- Persoane cu deficiențe de vedere (low vision)
WCAG 2.2 versiunea nouă (2023)
WCAG 2.2 (octombrie 2023) adaugă 9 criterii noi față de 2.1, în special pentru mobile și cognitiv. Deocamdată, Legea 232/2022 impune nivelul 2.1 AA.
Cele 4 principii POUR
Toate criteriile WCAG derivă din 4 principii. Violarea oricăruia face conținutul inaccesibil.
Perceptibil
Informațiile trebuie să fie perceptibile indiferent de simțuri.
- Alt-texte pentru imagini
- Subtitrări pentru video/audio
- Contrast suficient (≥4,5:1)
- Text scalabil fără pierdere de conținut
Operabil
Toate funcționalitățile trebuie să fie operabile, inclusiv cu tastatura.
- Tastatură completă, fără mouse
- Fără capcane de tastatură
- Focus vizibil permanent
- Skip-link la conținut principal
Inteligibil
Conținuturile și funcționalitățile trebuie să fie înțelese de toți.
- Limbă declarată (
lang="ro") - Navigare consistentă
- Mesaje de eroare clare
- Labels pentru câmpuri formular
Robust
Conținuturile trebuie să funcționeze cu tehnologiile de asistare actuale și viitoare.
- HTML valid și semantic
- ARIA corect utilizat
- Screenreader-compatibil
- Testare cu screenreadere și tehnologii de asistare native (desktop și mobile)
Criteriile esențiale AA cele mai frecvent încălcate
| Criteriu | Nivel | Cerință | Frecvență greșeli |
|---|---|---|---|
| 1.1.1 Conținut non-text | A | Alt-texte pentru imagini informative | 🔴 Foarte frecventă |
| 1.4.3 Contrast minim | AA | 4,5:1 pentru text normal, 3:1 pentru text mare | 🔴 Foarte frecventă |
| 2.1.1 Tastatură | A | Toate funcțiile accesibile fără mouse | 🔴 Frecventă |
| 2.4.7 Focus vizibil | AA | Indicator vizibil de focus tastatură | 🔴 Frecventă |
| 1.4.10 Reflow | AA | Utilizabil la 320px lățime fără scroll orizontal | 🟠 Frecventă |
| 1.4.11 Contrast non-text | AA | UI-componente și grafice: 3:1 contrast | 🟠 Frecventă |
| 3.3.1 Identificare erori | A | Erori formular descrise textual | 🟠 Frecventă |
| 4.1.2 Nume, rol, valoare | A | ARIA corect pe toate componentele interactive | 🟡 Moderată |
| 3.1.1 Limbă pagină | A | lang="ro" pe elementul <html> | 🟡 Moderată |