Ce este WCAG
Web Content Accessibility Guidelines (WCAG) este standardul internațional pentru accesibilitatea conținutului web, publicat de World Wide Web Consortium (W3C). Versiunea 2.1, adoptată în 2018, este referința legală în Uniunea Europeană prin standardul EN 301 549, deci și în România, prin OUG 112/2018 și Legea 232/2022.
Cele 4 principii: POUR
1. Perceptibil
Informația trebuie prezentată astfel încât să poată fi percepută de oricine. Exemple de criterii: text alternativ pentru imagini (1.1.1), subtitrări pentru video (1.2.2), contrast de minimum 4,5:1 între text și fundal (1.4.3), conținut care se adaptează la ecrane mici fără derulare orizontală (1.4.10).
2. Operabil
Interfața trebuie să poată fi folosită indiferent de modul de interacțiune. Exemple: toate funcțiile accesibile de la tastatură (2.1.1), fără capcane de tastatură (2.1.2), timp suficient pentru citire (2.2.1), indicator de focus vizibil (2.4.7), titluri de pagină descriptive (2.4.2).
3. Ușor de înțeles
Conținutul și funcționarea trebuie să fie previzibile. Exemple: limba paginii declarată în cod (3.1.1), navigare consecventă între pagini (3.2.3), etichete și instrucțiuni clare la formulare (3.3.2), identificarea și descrierea erorilor de completare (3.3.1).
4. Robust
Conținutul trebuie interpretat corect de browsere și tehnologii asistive. Exemple: cod HTML valid, fără ID-uri duplicate (4.1.1), nume, rol și valoare programatic determinabile pentru componentele de interfață (4.1.2).
Nivelurile de conformitate
| Nivel | Ce înseamnă | Cine îl cere |
|---|---|---|
| A | Cerințele minime absolute, fără ele, grupuri întregi de utilizatori sunt excluși complet. | Punct de plecare, insuficient legal. |
| AA | Nivelul de referință: include A plus criterii precum contrastul 4,5:1, redimensionarea textului la 200% și focusul vizibil. | Cerut de OUG 112/2018, Legea 232/2022 (EAA) și EN 301 549. |
| AAA | Nivelul maxim: contrast 7:1, interpretare în limbaj semnelor, lizibilitate avansată. Nu este cerut integral de nicio lege. | Recomandat selectiv, unde e fezabil. |
Criteriile care pică cel mai des în audituri
- 1.1.1 Text alternativ: imagini informative fără atribut
altsau cu alt generic („imagine", „poza1"); - 1.4.3 Contrast: text gri deschis pe alb, butoane cu text alb pe culori pastel;
- 2.4.4 Scopul linkului: linkuri de tip „click aici" sau „citește mai mult" fără context;
- 1.3.1 Informație și relații: titluri create vizual prin bold în loc de elemente
h1-h6, formulare fărălabel; - 4.1.2 Nume, rol, valoare: meniuri și acordeoane construite din
div-uri, invizibile pentru cititoarele de ecran.
Toate aceste probleme sunt detectate automat de scannerul Wawsome, cu indicarea exactă a elementelor afectate și recomandări de remediere.