Înțelegeți standardul internațional de accesibilitate web: toate criteriile de succes explicate în română, cu exemple practice și pași de implementare.
Web Content Accessibility Guidelines 2.1 este publicat de W3C (World Wide Web Consortium) în 2018 și reprezintă standardul tehnic de referință adoptat de legislația europeană și românească pentru accesibilitatea digitală.
Respectarea nivelului AA este cerința legală minimă impusă de Legea 232/2022 și OUG 112/2018 în România. WCAG 2.1 extinde WCAG 2.0 cu 17 criterii noi, axate pe accesibilitate mobilă și low vision.
Minim obligatoriu. Fără acestea, site-ul este inutilizabil pentru mulți utilizatori cu dizabilități.
Standard impus de Legea 232/2022 și EAA. Acoperă marea majoritate a utilizatorilor cu dizabilități.
Excelență. Nu este obligatoriu legal, dar demonstrează angajament maxim față de incluziune.
Toate criteriile WCAG 2.1 gravitează în jurul acestor patru principii. Dacă oricare lipsește, utilizatorii cu dizabilități nu pot accesa conținutul.
Informațiile trebuie să poată fi percepute de toți utilizatorii, indiferent de simțurile disponibile.
Toate funcțiile trebuie să fie accesibile prin tastatură și să ofere timp suficient de utilizare.
Informațiile și interfața trebuie să fie ușor de înțeles de toți utilizatorii.
Conținutul trebuie să fie robust și compatibil cu o varietate largă de tehnologii asistive.
Cerințele minime pentru conformitate legală în România conform Legii 232/2022 și OUG 112/2018.
| Criteriu | Nivel | Principiu | Descriere |
|---|---|---|---|
| 1.1.1 Text alternativ | A | Perceptibil | Imagini cu atribut alt descriptiv |
| 1.3.1 Info și relații | A | Perceptibil | Structura semantică disponibilă programatic |
| 1.4.3 Contrast minim | AA | Perceptibil | Raport 4.5:1 text normal, 3:1 text mare |
| 1.4.4 Redimensionare text | AA | Perceptibil | Text lizibil la zoom 200% |
| 1.4.10 Reflow | AA | Perceptibil | Conținut accesibil la 320px lățime (nou în 2.1) |
| 1.4.11 Contrast non-text | AA | Perceptibil | Componente UI și grafice au contrast 3:1 (nou în 2.1) |
| 1.4.12 Spațiere text | AA | Perceptibil | Fără pierdere la ajustare spațiere (nou în 2.1) |
| 2.1.1 Tastatură | A | Operabil | Toată funcționalitatea accesibilă prin tastatură |
| 2.4.3 Ordine focus | A | Operabil | Focus în ordine logică și previzibilă |
| 2.4.7 Focus vizibil | AA | Operabil | Indicator vizibil al elementului cu focus |
| 2.5.3 Etichetă în nume | A | Operabil | Eticheta vizibilă e parte din numele accesibil (nou în 2.1) |
| 3.1.1 Limbă pagină | A | Inteligibil | Atribut lang specificat corect (ex: lang="ro") |
| 3.3.1 Identificare erori | A | Inteligibil | Erorile de formular identificate și descrise în text |
| 4.1.1 Parsare | A | Robust | HTML valid: ID unice, elemente închise corect |
| 4.1.2 Nume, rol, valoare | A | Robust | Componente UI cu atribute ARIA corecte |
Conformitatea WCAG nu trebuie să fie copleșitoare. Urmați acești pași în ordine pentru rezultate rapide și durabile.
Folosiți Wawsome Scanner sau axe DevTools pentru a vedea toate problemele existente. Prioritizați Nivelul A.
Alt-text imagini, structură HTML semantică, navigare tastatură, etichete formulare. Baza de plecare.
Contrast culori, reflow mobil, spațiere text, focus vizibil, non-text contrast — cerința legală.
Wawsome Widget acoperă rapid criterii de ajustare vizuală și navigare, completând remedierea codului.
Accesibilitatea nu e un proiect cu termen — orice actualizare poate introduce probleme noi. Monitorizarea automată ajută.
WCAG 2.2 (octombrie 2023) adaugă 9 criterii noi față de versiunea 2.1. Iată ce este nou:
Scannerul Wawsome analizează automat site-ul și oferă un raport cu toate problemele WCAG 2.1, prioritizate după impact.
Scanează site-ul gratuit →