Accesibilitate web
Ghidul WCAG explicat în română
Web Content Accessibility Guidelines (WCAG) 2.1 — standardul internațional pentru accesibilitate web, obligatoriu legal în UE și esențial pentru un site incluziv.
Principii POUR
Cele 4 principii WCAG
WCAG se construiește pe 4 principii fundamentale — acronim POUR.
Perceptibil
Conținutul trebuie prezentat în moduri perceptibile de toți utilizatorii.
- Imagini cu text alternativ descriptiv
- Subtitrări pentru conținut video/audio
- Contrast suficient text/fundal (≥4.5:1)
- Imagini decorative fără alt="" gol
Operabil
Interfața trebuie să fie utilizabilă prin tastatură și alte dispozitive.
- Navigare completă prin tastatură (Tab)
- Focus vizibil pe toate elementele interactive
- Fără capcane de focus (focus traps)
- Funcționalitate doar cu mouse
Ușor de înțeles
Conținut clar, previzibil și cu mesaje de eroare utile.
- Lang="ro" setat corect în HTML
- Etichete clare pentru toate câmpurile de formular
- Mesaje de eroare descriptive și acționabile
- Erori doar prin culoare (ex: roșu=greșit)
Robust
Compatibil cu tehnologiile asistive actuale și viitoare.
- HTML semantic valid (header, nav, main, footer)
- Atribute ARIA corecte și necesare
- Funcțional în screen readers (NVDA, VoiceOver)
- Roluri ARIA greșite sau redundante
Niveluri de conformitate
A, AA și AAA — care e diferența?
WCAG definește 3 niveluri de conformitate, fiecare mai strict decât precedentul.
Nivel A — Minim
MinimCerințele de bază. Fără acestea, site-ul este practic inutilizabil pentru mulți utilizatori.
- Text alternativ pentru imagini
- Subtitrări pentru video în direct
- Navigare prin tastatură de bază
Nivel AA — Standard recomandat
RecomandatStandardul cerut legal în UE (Directiva 2016/2102) și recomandat pentru toate site-urile comerciale.
- Contrast minim 4.5:1 pentru text
- Redimensionare text până la 200%
- Focus vizibil consistent
- Etichete formulare
Nivel AAA — Optim
AvansatCel mai înalt nivel. Dificil de atins complet, dar elementele individuale sunt recomandabile.
- Contrast 7:1 pentru text
- Interpretare limbaj semne
- Fără autentificare bazată exclusiv pe abilități cognitive
WooMag implementează WCAG 2.1 AA
Toate magazinele WooCommerce pe care le dezvoltăm respectă standardul WCAG 2.1 nivel AA — nu pentru că este obligatoriu (deși în UE tinde să fie), ci pentru că credem că un site incluziv servește mai bine toți clienții.