Principiile WCAG (Web Content Accessibility Guidelines) sunt fundația accesibilității web și sunt reținute ușor prin acronimul POUR. Iată cele 4 principii esențiale:
1. PERCEPTIBILITATE 📢
Informațiile și componentele interfeței trebuie să fie prezentate în moduri care pot fi percepute de toți utilizatorii.
Cum se aplică:

-
Text alternativ pentru imagini, grafice, elemente non-text
-
Subtitrări și transcrieri pentru conținut audio-video
-
Structurare semantică corectă (titluri, liste, tabele)
-
Contrast suficient între text și fundal
-
Posibilitatea de a redimensiona textul fără pierderi
-
Conținutul se adaptează la diferite orientări ale dispozitivului
2. OPERABILITATE ⌨️
Componentele interfeței și navigarea trebuie să fie funcționale pentru toți utilizatorii.
Cum se aplică:
-
Acces complet din tastatură (fără dependență de mouse)
-
Timp suficient pentru citire și completare
-
Evitarea conținutului care poate provoca convulsii (clipire excesivă)
-
Navigare ușoară cu titluri clare, linkuri descriptive
-
Structură logică a conținutului
3. INTELIGIBILITATE 🧠
Informațiile și operarea interfeței trebuie să fie ușor de înțeles.
Cum se aplică:
-
Limbaj clar și simplu
-
Pagini cu comportament previzibil
-
Asistență la completarea formularelor (etichete clare, mesaje de eroare descriptive)
-
Navigare consistentă pe întreg site-ul
-
Identificarea ușoară a erorilor și sugestii de corectare
4. ROBUSTEȚE ⚙️
Conținutul trebuie să fie suficient de robust pentru a fi interpretat corect de o gamă largă de tehnologii.
Cum se aplică:
-
Cod corect și valid (HTML, CSS)
-
Compatibilitate cu tehnologiile de asistență (cititoare de ecran, etc.)
-
Elemente de interfață cu nume, roluri și valori corespunzătoare definite în cod
-
Funcționalitate pe dispozitive și browsere diferite
Niveluri de Conformitate:
-
A (minim) – Baza accesibilității
-
AA (recomandat) – Nivelul cerut de legislația europeană
-
AAA (maxim) – Cel mai înalt nivel
Reguli de Aur derivate din Principii:
✅ Orice imagine are text alternativ (Perceptibilitate)
✅ Poți naviga doar cu tastatura (Operabilitate)
✅ Textul este ușor de citit și de înțeles (Inteligibilitate)
✅ Site-ul funcționează pe orice dispozitiv (Robustețe)
Acest ghid, publicat de Autoritatea pentru Digitalizarea României, este un document cu caracter tehnic și normativ. Scopul său principal este de a standardiza și explica cerințele de accesibilitate digitală pentru site-urile web și aplicațiile mobile din sectorul public român, în conformitate cu legislația europeană (Directiva UE 2016/2102 și OUG 112/2018).
Ghidul se adresează în special deținătorilor, developerilor și auditorilor de site-uri web și aplicații mobile.
Punctele Cheie ale Ghidului
1. Cadrul Legal și Standardele Tehnice
-
Scop: Conformitatea cu OUG 112/2018, care impune instituțiilor publice să își facă site-urile web și aplicațiile mobile accesibile.
-
Standardul de referință: EN 301 549 V2.1.2, standardul european armonizat care preia și detaliază cerințele WCAG (Web Content Accessibility Guidelines).
-
Publicul țintă: În primul rând persoanele cu dizabilități (vizuale, auditive, motorii, cognitive), dar și persoanele în vârstă sau utilizatorii din medii cu conexiuni slabe.
2. Standardul WCAG 2.1 – Fundația Accesibilității
Ghidul se axează pe WCAG 2.1, actualizarea care completează WCAG 2.0, abordând mai bine accesibilitatea pe dispozitive mobile și pentru persoanele cu deficiențe de vedere sau cognitive.
Principiile WCAG 2.1 sunt structurate în 4 principii fundamentale (POUR):
-
Perceptibilitatea: Informațiile și componentele interfeței trebuie să poată fi percepute de toți utilizatorii.
-
Exemple de cerințe:
-
Text alternativ pentru imagini (
alt text). -
Subtitrări și transcrieri pentru conținut audio-video.
-
Contrast suficient între text și fundal.
-
Conținutul poate fi redimensionat fără pierderi.
-
Conținutul se poate adapta la diferite orientări ale dispozitivului (portrait/landscape).
-
-
-
Operabilitatea: Utilizatorii trebuie să poată naviga și interacționa cu site-ul.
-
Exemple de cerințe:
-
Accesibilitate completă din tastatură (fără dependență de mouse).
-
Timp suficient pentru citire și interacțiune.
-
Eliminarea elementelor care pot provoca convulsii (clipire excesivă).
-
Navigare ușoară cu titluri clare, linkuri descriptive și o structură logică a conținutului.
-
-
-
Inteligibilitatea: Informațiile și operarea interfeței trebuie să fie ușor de înțeles.
-
Exemple de cerințe:
-
Limba paginii este specificată corect în cod.
-
Paginile au un comportament previzibil și consistent.
-
Formularele oferă instrucțiuni clare și mesaje de eroare descriptive care ajută utilizatorul să corecteze.
-
-
-
Robustețea: Conținutul trebuie să fie suficient de robust pentru a fi interpretat corect de o gamă largă de tehnologii (inclusiv cititoare de ecran).
-
Exemple de cerințe:
-
Codul HTML este valid și corect sintactic.
-
Elementele de interfață au nume, roluri și valori corespunzătoare, definite în cod pentru tehnologiile de asistență.
-
-
3. Niveluri de Conformitate
Cerințele WCAG sunt grupate în trei niveluri:
-
Nivel A (Minim): Baza accesibilității.
-
Nivel AA (Recomandat): Nivelul cerut de standardul EN 301 549 și, implicit, de legislația română. Acesta asigură o accesibilitate satisfăcătoare pentru majoritatea utilizatorilor.
-
Nivel AAA (Maxim): Cel mai înalt nivel, dificil de atins pentru tot conținutul.
4. Verificarea Accesibilității
Ghidul oferă și îndrumări practice pentru evaluare:
-
Metodologii: Autoevaluare, evaluare de la terți, evaluare în timpul dezvoltării.
-
Instrumente: Prezintă o listă extinsă de tool-uri automate și manuale pentru a verifica conformitatea (ex: verificatori de contrast, validatoare de cod, teste de navigare din tastatură).
-
Atenție: Testele automate identifică doar ~30% din probleme. Este esențială și o verificare manuală, iar ideal este să se implice și utilizatori cu dizabilități în procesul de testare.
Concluzie
Acest ghid servește ca manual de referință și bază de aplicare pentru implementarea accesibilității digitale în România. El subliniază că accesibilitatea nu este doar o obligație legală, ci o necesitate etică și de design care asigură acces egal la informație și servicii pentru toți cetățenii, indiferent de abilitățile lor.
Verificarea Accesibilității – Rezumat Focusat
Acest capitol este extrem de practic și acoperă metodologiile, instrumentele și procesele esențiale pentru a evalua dacă un site web sau o aplicație mobilă este accesibilă.
1. Contexte de Evaluare (Cum și Cine Verifică)
Ghidul descrie mai multe scenarii comune de evaluare, fiecare cu particularități specifice:
-
Autoevaluare: Efectuată de dezvoltatori sau evaluatori interni.
-
Avantaj: Acces facil la echipa de dezvoltare, documentație și medii de testare.
-
Scop: Identificarea și remedierea rapidă a problemelor în timpul dezvoltării.
-
-
Evaluare de la terți: Efectuată de evaluatori externi independenți.
-
Provocare: Au mai puține informații despre structura internă a site-ului.
-
Necesitate: Trebuie să colaboreze cu proprietarul site-ului pentru a înțelege anumite funcționalități.
-
-
Evaluare în timpul dezvoltării:
-
Recomandare: Accesibilitatea trebuie verificată încă din fazele de proiectare și implementare, nu doar la final.
-
Atenție: Evaluările din fazele timpurii devin rapid învechite; ele sunt folosite pentru îmbunătățiri, nu pentru o declarație finală de conformitate.
-
-
Evaluarea site-urilor complexe: Pentru site-uri cu mai multe secțiuni (ex: magazin online, blog, portal), se recomandă:
-
Evaluarea fiecărei secțiuni în parte.
-
O evaluare generală care ia mostre din toate secțiunile.
-
-
Evaluarea conținutului din surse terțe: Pentru conținut generat de utilizatori (ex: forum) sau agregate din alte surse, este crucial:
-
Monitorizarea constantă a acestui conținut.
-
Remedierea rapidă (în termen de 2 zile lucrătoare) a problemelor identificate.
-
2. Elemente Esențiale pentru Verificare (Ce Se Verifică)
Ghidul subliniază că verificarea accesibilității nu este doar o simplă bifare a unei liste, ci implică înțelegerea a cum interacționează oamenii cu tehnologia. El oferă o listă de verificare practică care acoperă punctele critice:
-
✅ Titluri de pagină clare și descriptive.
-
✅ Text alternativ (
alt text) pentru toate imaginile semnificative. -
✅ Structura corectă a titlurilor (H1, H2, H3…) pentru o navigare ușoară.
-
✅ Raport de contrast suficient între text și fundal.
-
✅ Capacitatea de a redimensiona textul fără a pierde conținutul sau funcționalitatea.
-
✅ Accesibilitate completă din tastatură și un indicator vizibil de focus.
-
✅ Etichete clare pentru formulare și mesaje de eroare ușor de înțeles.
-
✅ Control asupra conținutului care se mișcă, clipeste sau se actualizează automat.
-
✅ Subtitrări și transcrieri pentru conținutul audio-video.
-
✅ Verificarea structurii de bază a codului.
3. Instrumente de Verificare (Cu Ce Se Verifică)
Ghidul oferă o trecere în revistă foarte utilă a instrumentelor, clasificându-le:
-
Tipuri de instrumente:
-
Plugin-uri pentru browsere.
-
Aplicații desktop.
-
Servicii online.
-
Instrumente în linie de comandă.
-
API-uri.
-
-
Funcționalități cheie ale instrumentelor:
-
Rapoarte automate: Identifică problemele care pot fi detectate automat (ex: cod invalid, lipsa atributului
alt). -
Ghidaje pas cu pas: Ghidează evaluatorul prin verificări atât automate, cât și manuale.
-
Feedback în pagină: Afișează pictograme și markup direct în browser pentru a vedea problemele în context.
-
Transformarea paginii: Modifică aspectul site-ului (ex: îl afișează în alb-negru sau ca text simplu) pentru a ajuta la identificarea problemelor de design.
-
-
O listă imensă de standarde și tool-uri: Ghidul enumeră zeci de instrumente sortate după standardul pe care îl verifică (WCAG 2.0, WCAG 2.1, Secțiunea 508, etc.).
4. Limitările Verificării Automate – Cel Mai Important Mesaj
„Instrumentele automate de testare a accesibilității sunt mai rapide și mai precise decât testările manuale, dar pot identifica doar unele dintre problemele de accesibilitate…”
Ghidul subliniazază clar că:
-
Doar ~25-30% din probleme pot fi prinse de tool-uri automate.
-
Verificarea manuală este obligatorie pentru a evalua logica, ușurința de navigare, inteligibilitatea textului și multe alte aspecte de calitate.
-
Soluția ideală este combinarea verificărilor automate cu cele manuale și, unde este posibil, testarea cu utilizatori reali care au dizabilități.
Concluzie Pentru Verificare
Pentru a verifica corect accesibilitatea unui site, trebuie să:
-
Utilizați instrumente automate pentru a identifica rapid problemele evidente.
-
Efectuați o verificare manuală amănunțită folosind doar tastatura, un cititor de ecran și lista de verificare.
-
Înțelegeți contextul și să implicați persoane cu experiență în domeniu.
Această abordare combinată asigură că site-ul nu este doar „tehnic conform”, ci este cu adevărat utilizabil pentru toată lumea.
