WCAG 2.1 – Ghid Complet

Înțelegeți standardul internațional de accesibilitate web: toate cele 78 de criterii de succes, explicate în română, cu exemple practice și sfaturi de implementare.

Definiție

Ce este WCAG 2.1?

Web Content Accessibility Guidelines (WCAG) 2.1 este un set de recomandări tehnice publicate de W3C (World Wide Web Consortium) în 2018. Scopul lor este de a face conținutul web mai accesibil pentru persoanele cu dizabilități.

WCAG 2.1 este standardul de referință pentru Legea 232/2022 și OUG 112/2018 din România, precum și pentru European Accessibility Act (EAA). Respectarea nivelului AA este cerința minimă pentru conformitate legală.

Important: WCAG 2.1 nu înlocuiește WCAG 2.0 — îl extinde cu 17 criterii noi, focusate pe accesibilitate mobilă și low vision. Dacă respectați WCAG 2.1 nivel AA, respectați automat și WCAG 2.0.

Cele trei niveluri de conformitate

Nivel A

Minim obligatoriu

25 criterii de bază. Fără acestea, site-ul este practic inutilizabil pentru mulți utilizatori cu dizabilități.

Nivel AA

Standard legal ✓

38 criterii suplimentare. Nivelul impus de Legea 232/2022 și EAA. Cel mai accesibil pentru majoritatea utilizatorilor.

Nivel AAA

Excelență

15 criterii avansate. Nu este obligatoriu legal, dar demonstrează angajament maxim față de accesibilitate.

Cele 4 principii POUR

Toate criteriile WCAG 2.1 sunt organizate în jurul a patru principii fundamentale. Dacă oricare principiu este încălcat, utilizatorii cu dizabilități nu pot accesa conținutul.

Principiul 1

Perceptibil

Informațiile și componentele interfeței trebuie prezentate utilizatorilor astfel încât să le poată percepe.

  • → Alternative text pentru imagini
  • → Subtitrări pentru conținut audio/video
  • → Contrast suficient text/fundal (minim 4.5:1)
  • → Text redimensionabil până la 200%
Principiul 2

Operabil

Componentele interfeței și navigarea trebuie să fie operabile prin tastatură și alte dispozitive de intrare.

  • → Toate funcțiile disponibile prin tastatură
  • → Fără capcane pentru tastatură
  • → Timp suficient pentru citit și utilizat
  • → Fără conținut care cauzează convulsii
Principiul 3

Inteligibil

Informațiile și operarea interfeței trebuie să fie inteligibile pentru toți utilizatorii.

  • → Limbă de pagină specificată în HTML
  • → Navigare consistentă între pagini
  • → Etichete clare pentru formulare
  • → Mesaje de eroare descriptive
Principiul 4

Robust

Conținutul trebuie să fie suficient de robust pentru a fi interpretat de o varietate largă de agenți utilizatori, inclusiv tehnologii asistive.

  • → HTML valid și bine structurat
  • → Atribute ARIA corecte
  • → Compatibil cu screen readere
  • → Statusuri și proprietăți anunțate

Criterii esențiale WCAG 2.1 nivel AA

Acestea sunt criteriile pe care trebuie să le respectați pentru conformitate legală în România conform Legii 232/2022.

Criterii de succes WCAG 2.1 nivel AA
Criteriu Nivel Principiu Descriere scurtă
1.1.1 Alternative text A Perceptibil Toate imaginile nondecoratorii au atribut alt descriptiv
1.3.1 Info și relații A Perceptibil Structura și relațiile transmise vizual sunt disponibile programatic
1.4.3 Contrast (minim) AA Perceptibil Raport de contrast text/fundal minim 4.5:1 (text normal) sau 3:1 (text mare)
1.4.4 Redimensionare text AA Perceptibil Textul poate fi mărit până la 200% fără pierdere de conținut sau funcționalitate
2.1.1 Tastatură A Operabil Toată funcționalitatea este disponibilă prin tastatură
2.4.1 Omitere blocuri A Operabil Există un mecanism de a sări blocuri repetate (skip nav)
2.4.3 Ordine focus A Operabil Ordinea de focus menține sensul și operabilitatea
2.4.7 Focus vizibil AA Operabil Orice interfață operabilă prin tastatură are indicator de focus vizibil
3.1.1 Limbă pagină A Inteligibil Limbajul implicit al paginii este specificat programatic (lang="ro")
3.3.1 Identificare erori A Inteligibil Erorile de introducere a datelor sunt identificate și descrise în text
3.3.2 Etichete/instrucțiuni A Inteligibil Câmpurile de formular au etichete sau instrucțiuni clare
4.1.1 Parsare A Robust HTML valid: atribute ID unice, elemente închise corect
4.1.2 Nume, rol, valoare A Robust Componentele UI au nume, rol și valoare disponibile pentru tehnologii asistive

* Aceasta este o selecție reprezentativă. WCAG 2.1 conține 78 de criterii de succes în total.

Ghid practic

Cum implementați WCAG 2.1 pe site-ul dvs.

Conformitatea WCAG nu trebuie să fie copleșitoare. Urmați acești pași pentru a obține conformitate rapidă și durabilă.

Auditați site-ul existent

Folosiți un scanner de accesibilitate pentru a identifica toate problemele existente. Prioritizați erorile de nivel A.

Corectați erorile de nivel A

Adăugați alt-text, corectați structura HTML, asigurați navigarea prin tastatură și adăugați etichete pentru formulare.

Atingeți nivelul AA

Ajustați contrastul culorilor, asigurați redimensionarea textului și adăugați vizibilitate pentru focus.

Instalați un modul de accesibilitate

Un widget de accesibilitate acoperă rapid o mare parte din cerințele WCAG și permite utilizatorilor să-și personalizeze experiența.

Monitorizați continuu

Accesibilitatea nu este un proiect cu termen — este un proces continuu. Testați la fiecare actualizare majoră.

WCAG 2.1 vs WCAG 2.2

WCAG 2.2 a fost publicat în octombrie 2023 și adaugă 9 criterii noi față de 2.1. Deși nu este încă obligatoriu legal în România, adoptarea sa timpurie asigură conformitate viitoare.

Nou în WCAG 2.2
✓ Focus Appearance (minim vizibil)
✓ Drag Movements (alternative la drag)
✓ Target Size (dimensiune minimă 24px)
✓ Consistent Help (ajutor consistent)
✓ Redundant Entry (nu cereți date de 2x)
Citește mai mult pe blog →

Verificați conformitatea WCAG 2.1 a site-ului dvs.

Scannerul Wawsome analizează automat site-ul și vă oferă un raport detaliat cu toate problemele WCAG 2.1 și soluții concrete.

Scanează site-ul gratuit →