Accesibilitatea web înseamnă că site-urile, aplicațiile și documentele digitale pot fi percepute, înțelese, navigate și folosite de toți oamenii — inclusiv de persoanele cu dizabilități vizuale, auditive, motorii sau cognitive, de vârstnici și de cei care folosesc temporar un singur braț, un ecran mic sau o conexiune lentă.
Un site accesibil nu este o versiune „separată” pentru persoane cu dizabilități. Este același site, construit corect: cu structură semantică, texte alternative, contrast suficient, formulare clare și funcționalitate completă de la tastatură. Beneficiile se văd la toți utilizatorii — și în Google.
Cine beneficiază de un site accesibil
Gândește-te la accesibilitate ca la rampa de la intrarea într-o clădire: e esențială pentru o persoană în scaun cu rotile, dar o folosesc și părinții cu cărucior, curierii sau cei cu un bagaj greu. Pe web, situația este similară:
- Persoanele nevăzătoare folosesc screenreadere (NVDA, JAWS, VoiceOver, TalkBack) care citesc cu voce tare conținutul și structura paginii.
- Persoanele cu vedere slabă măresc textul, folosesc contrast ridicat sau lupe software.
- Persoanele cu dizabilități motorii navighează doar cu tastatura, cu switch-uri sau prin comenzi vocale.
- Persoanele surde sau cu deficiențe de auz au nevoie de subtitrări și transcrieri pentru video și audio.
- Persoanele cu dizabilități cognitive sau dislexie beneficiază de limbaj clar, structură previzibilă și fără elemente care distrag atenția.
- Toți ceilalți: vârstnici, utilizatori pe telefon în plin soare, persoane cu o mână ocupată sau cu o conexiune slabă.
Cele patru principii: POUR
Standardul internațional WCAG 2.1 (Web Content Accessibility Guidelines) organizează toate cerințele în jurul a patru principii. Conținutul trebuie să fie:
| Principiu | Ce înseamnă | Exemple concrete |
|---|---|---|
| Perceptibil | Informația poate fi percepută prin cel puțin un simț | Text alternativ la imagini, subtitrări, contrast 4,5:1 |
| Operabil | Interfața poate fi folosită de oricine | Totul funcționează cu tastatura, focus vizibil, fără limite de timp stricte |
| Inteligibil | Conținutul și comportamentul sunt clare | Limbaj simplu, etichete la formulare, mesaje de eroare utile |
| Robust | Funcționează cu tehnologiile asistive actuale și viitoare | HTML semantic, ARIA folosit corect, cod valid |
Standardele care se aplică
WCAG 2.1 are trei niveluri de conformitate — A, AA și AAA. În Uniunea Europeană, referința legală este standardul armonizat EN 301 549, care preia integral criteriile WCAG 2.1 de nivel A și AA pentru conținutul web. Pe scurt: ținta practică pentru orice site din România este WCAG 2.1 nivel AA. Versiunea WCAG 2.2 adaugă criterii noi (în special pentru mobil și accesibilitate cognitivă) și este recomandat să le aplici deja.
Ce spune legea în România
Există două acte normative principale, cu public-țintă diferit:
- Instituțiile publice — ministere, primării, consilii județene, școli, spitale, agenții — au obligații prin OUG 112/2018. Detalii în ghidul obligații de accesibilitate pentru site-urile publice.
- Operatorii economici care oferă anumite produse și servicii (comerț electronic, servicii bancare, transport de pasageri, comunicații electronice ș.a.) au obligații prin Legea 232/2022, de la 28 iunie 2025. Vezi accesibilitatea în e-commerce.
Cum verifici dacă un site este accesibil
Nicio unealtă nu poate spune singură dacă un site este accesibil. Un audit de accesibilitate serios combină scanarea automată cu testarea manuală — cu tastatura, cu screenreaderul și cu verificarea contrastului — și se încheie cu un raport prioritizat.
- Imagine fără text alternativCritică · Perceptibil1.1.1 A
- Contrast insuficient al textuluiMajoră · Perceptibil1.4.3 AA
- Câmp de formular fără etichetăCritică · Înțeles3.3.2 A
- Buton-icon fără nume accesibilMajoră · Robust4.1.2 A
Scan automat: scannerul parcurge codul și marchează rapid problemele detectabile automat — aproximativ 30–40% din total.
Pentru un test rapid de 10 minute, poți face singur următoarele: navighează pagina doar cu tasta Tab; mărește zoom-ul browserului la 200%; dezactivează imaginile și vezi dacă mai înțelegi conținutul; rulează un scanner automat, precum Wawsome Scanner. Lista completă de unelte este în ghidul instrumente de testare.
Primii 7 pași spre un site accesibil
- Evaluează situația actuală — scanare automată plus un audit manual pe paginile cheie.
- Repară structura: un singur
h1pe pagină, titluri în ordine logică, landmark-uri semantice. - Adaugă texte alternative la imaginile informative și marchează-le pe cele decorative.
- Corectează contrastul textului și al elementelor de interfață.
- Fă formularele accesibile: etichete vizibile, erori explicate, câmpuri obligatorii marcate.
- Asigură navigarea cu tastatura: focus vizibil, ordine logică, fără capcane.
- Menține conformitatea: monitorizare continuă și verificare la fiecare lansare. Pentru instituții, publică o declarație de accesibilitate.
Unde se încadrează un modul (widget) de accesibilitate
Un modul de accesibilitate le permite vizitatorilor să adapteze afișarea după nevoile lor — text mai mare, contrast, spațiere, oprirea animațiilor, citire cu voce. Este un strat util de personalizare, dar nu înlocuiește corectarea codului: pentru conformitate, ai nevoie de ambele.
Tipuri de dizabilități și barierele lor pe web
| Dizabilitate | Cum navighează | Bariere tipice | Soluția |
|---|---|---|---|
| Vizuală (nevăzători) | Screenreader și tastatură | Imagini fără alt, butoane fără nume, titluri lipsă | Texte alternative, HTML semantic |
| Vizuală (vedere slabă, daltonism) | Zoom, contrast ridicat, lupă | Contrast slab, informație transmisă doar prin culoare, text care nu se reflowează | Contrast 4,5:1, layout responsiv |
| Auditivă | Subtitrări, transcrieri | Video fără subtitrare, informații doar audio | Subtitrări și transcrieri |
| Motorie | Tastatură, switch, comandă vocală | Meniuri doar pe hover, ținte mici, limite de timp | Navigare cu tastatura, ținte de minimum 24×24 px |
| Cognitivă și de învățare | Citire atentă, uneori asistată | Text complicat, animații, formulare confuze | Limbaj clar, structură previzibilă, formulare cu instrucțiuni |
Cele mai frecvente erori de accesibilitate web
Analiza anuală WebAIM Million, care testează automat un milion de pagini principale, găsește an de an aceleași șase tipuri de erori, responsabile pentru marea majoritate a problemelor detectate:
- Text cu contrast insuficient — cea mai răspândită eroare.
- Imagini fără text alternativ.
- Câmpuri de formular fără etichetă.
- Linkuri goale — de exemplu pictograme fără text.
- Butoane goale — butoane-pictogramă fără nume accesibil.
- Lipsa limbii documentului (
lang="ro").
Vestea bună: toate șase se corectează relativ ușor și pot fi detectate automat. De aceea, o scanare automată este un prim pas foarte eficient, urmat de testarea manuală pentru problemele pe care nicio unealtă nu le poate vedea.
Accesibilitate web, uzabilitate și SEO
Cele trei se suprapun mult. Uzabilitatea urmărește ca un site să fie ușor de folosit pentru majoritatea oamenilor; accesibilitatea web garantează că nimeni nu este exclus; SEO urmărește ca motoarele de căutare să înțeleagă conținutul. Titlurile clare, textele alternative, linkurile descriptive, structura semantică și viteza bună le servesc pe toate trei. Detalii în articolul Accesibilitate și SEO.
Accesibilitatea web pe sectoare
- Instituții publice: obligațiile site-urilor publice, site-ul primăriei, OUG 112/2018.
- Comerț electronic: accesibilitatea magazinelor online și legislația magazinelor online.
- Servicii reglementate: bănci, transport, telecomunicații, energie, turism.
- Aplicații mobile: audit pentru aplicații mobile și WCAG pentru mobil.
Glosar de accesibilitate web
- WCAG
- Web Content Accessibility Guidelines — standardul internațional W3C pentru accesibilitatea conținutului web. Vezi WCAG 2.1 și WCAG 2.2.
- EN 301 549
- Standardul european armonizat de accesibilitate pentru produse și servicii TIC; preia criteriile WCAG 2.1 A și AA pentru web.
- Tehnologii asistive
- Software sau dispozitive care ajută persoanele cu dizabilități să folosească un calculator sau un telefon: screenreadere, lupe, switch-uri, comandă vocală.
- Screenreader
- Program care citește cu voce tare (sau în Braille) conținutul ecranului — NVDA, JAWS, VoiceOver, TalkBack. Vezi ghidul pentru screenreadere.
- Text alternativ (alt)
- Descrierea textuală a unei imagini, citită de screenreader când imaginea nu poate fi văzută.
- ARIA
- Set de atribute HTML care descriu rolul și starea componentelor interactive complexe. Vezi ghidul ARIA.
- Focus vizibil
- Indicatorul care arată ce element este selectat când navighezi cu tastatura.
- Declarație de accesibilitate
- Document public în care organizația descrie nivelul de accesibilitate al site-ului, problemele cunoscute și modul de contact. Vezi cum o redactezi.