WCAG 2.1
Ce este WCAG 2.1: 4 principii, 13 ghiduri, 78 de criterii de succes pe niveluri A, AA și AAA, cele 17 criterii noi față de WCAG 2.0 și diferențele față de WCAG 2.2.
Standard tehnic
Principiile POUR ale accesibilității
Perceptibil, operabil, inteligibil, robust: cele patru principii pe care se sprijină toate criteriile WCAG.
Toate cele 78 de criterii WCAG 2.1 sunt grupate sub patru principii. Dacă un site nu respectă oricare dintre ele, există utilizatori care nu îl pot folosi. Legea 232/2022 folosește aceleași patru noțiuni în anexa nr. 1, unde cere ca site-urile și aplicațiile să fie perceptibile, utilizabile, inteligibile și solide.
1. Perceptibil
Informația și componentele interfeței trebuie prezentate în moduri pe care utilizatorii le pot percepe. Ce nu poate fi văzut trebuie să poată fi auzit sau citit de o tehnologie asistivă.
Exemple de bune practici
- Texte alternative pentru imaginile informative
- Subtitrări pentru video și transcrieri pentru audio
- Contrast suficient între text și fundal
- Structură marcată corect: titluri, liste, tabele
Bariere frecvente
- Informații transmise doar prin culoare
- Text inclus în imagini fără alternativă
- Text gri deschis pe fundal alb
2. Operabil
Componentele interfeței și navigarea trebuie să poată fi folosite. Nu toată lumea folosește un mouse sau poate reacționa rapid.
Exemple de bune practici
- Toate funcțiile disponibile de la tastatură
- Focus vizibil și ordine logică
- Posibilitatea de a opri animațiile și caruselele
- Linkuri pentru salt direct la conținut
Bariere frecvente
- Meniuri care se deschid doar la trecerea mouse-ului
- Capcane de focus în ferestre modale
- Sesiuni care expiră fără avertisment
3. Inteligibil
Informația și modul de funcționare al interfeței trebuie să fie ușor de înțeles.
Exemple de bune practici
- Limba paginii declarată corect
- Navigare consecventă pe toate paginile
- Etichete și instrucțiuni clare în formulare
- Mesaje de eroare care explică soluția
Bariere frecvente
- Schimbări de context neașteptate la selectarea unei opțiuni
- Erori semnalate doar prin culoarea roșie
- Jargon fără explicații
4. Robust
Conținutul trebuie să fie suficient de solid pentru a fi interpretat corect de browsere și tehnologii asistive, inclusiv de cele viitoare.
Exemple de bune practici
- HTML semantic, cu elemente native
- Nume, roluri și stări corecte pentru componentele personalizate
- Mesaje de stare anunțate cititoarelor de ecran
Bariere frecvente
- Butoane construite din elemente
divfără rol - Atribute ARIA folosite greșit
- Componente care funcționează doar într-un anumit browser
De la principii la practică
Principiile sunt utile pentru a înțelege logica standardului, dar evaluarea se face pe criteriile de succes. Pentru o listă practică de verificare, folosește checklistul WCAG 2.1 AA, iar pentru cele mai frecvente probleme, ghidul greșelilor frecvente.
Hai să facem site-ul tău accesibil
Spune-ne ce platformă ai și ce termene urmărești. Revenim cu o propunere clară, adaptată proiectului tău.
Cere o ofertă
sau scrie-ne direct la contact@datapulse.ro