Accesibilitate Web (WCAG) — Ghid pentru Proprietari de Site-uri

Imaginează-ți un magazin cu o scară la intrare și fără rampă. Jumătate din clienți pot intra fără probleme. Dar persoanele în scaun cu rotile, părinții cu căruciorul sau persoanele în vârstă cu baston rămân afară. Site-ul tău web poate avea exact aceeași problemă — doar că „scara" e invizibilă.

Accesibilitatea web înseamnă să construiești site-uri pe care le poate folosi oricine — inclusiv persoanele cu dizabilități vizuale, auditive, motorii sau cognitive. Nu e doar o chestiune de etică. Din 28 iunie 2025, este și obligație legală în România.

Și totuși, 96.3% din site-urile web nu respectă standardele de bază ale accesibilității. Pagina de start medie are 51 de erori de accesibilitate. Dacă nu ai verificat niciodată accesibilitatea site-ului tău, sunt șanse mari că și al tău are probleme.

Verifică Accesibilitatea Site-ului Tău Gratuit

Ce Este Accesibilitatea Web — Pe Scurt

Accesibilitatea web înseamnă că site-ul tău poate fi perceput, navigat și înțeles de toate persoanele, indiferent de abilitățile lor. Concret:

• O persoană nevăzătoare folosește un „screen reader" (program care citește conținutul cu voce tare). Dacă imaginile tale nu au text alternativ, ea „vede" un gol
• O persoană cu mobilitate redusă nu poate folosi mouse-ul — navighează doar cu tastatura. Dacă butoanele tale nu funcționează cu Tab și Enter, ea e blocată
• O persoană daltonistă nu distinge roșu de verde. Dacă folosești doar culoarea pentru a indica erori, ea nu vede mesajul
• O persoană cu dificultăți cognitive are nevoie de text clar, navigare simplă și instrucțiuni explicite
• O persoană surdă nu poate urmări video-uri fără subtitrări

Gândește-te la accesibilitate ca la rampa de la intrarea în magazin — ajută persoanele cu dizabilități, dar și pe mamele cu căruciorul, pe curierii cu colete sau pe oricine cu o accidentare temporară. Pe web, un site accesibil este mai ușor de folosit de toată lumea.

Cine Este Afectat? Mai Mulți Decât Crezi

Poate gândești: „Publicul meu țintă nu are dizabilități". Dar cifrele spun altceva:

• 1.3 miliarde de persoane la nivel mondial (16% din populație) au o dizabilitate care afectează modul în care folosesc internetul
• În România, aproximativ 900.000 de persoane au un certificat de handicap. Dar multe dizabilități sunt invizibile — probleme de vedere, daltonism, artrită, dislexie
• 71 de milioane de Baby Boomers controlează 548 miliarde de dolari în cheltuieli discreționare — iar vederea și dexteritatea scad natural cu vârsta
• Oricine poate avea o dizabilitate temporară: un braț în gips, o infecție la ochi, o migrenă puternică
• Chiar și situații contextuale contează: soare puternic pe ecranul telefonului (contrast slab), mediu zgomotos (nu poți asculta audio), o singură mână liberă (ții un copil în brațe)

Când faci site-ul accesibil, nu faci un serviciu pentru „o nișă mică". Îți deschizi ușile către un segment de piață imens pe care competitorii tăi probabil îl ignoră.

Ce Spune Legea: Obligații pentru România

Accesibilitatea web nu mai e opțională. Iată ce trebuie să știi:

Legea 232/2022 (Transpunerea EAA)

Legea nr. 232/2022 transpune Directiva Europeană privind Accesibilitatea (EAA - European Accessibility Act) în legislația românească. Începând cu 28 iunie 2025, respectarea standardelor de accesibilitate WCAG 2.1 AA este obligatorie.

Cine trebuie să se conformeze:

• Magazine online (e-commerce)
• Servicii bancare și financiare online
• Platforme de transport (ridesharing, bilete online)
• Servicii de telecomunicații
• Aplicații mobile
• Servicii de media audiovizuale
• Orice companie care oferă servicii digitale consumatorilor din UE

Cine este exceptat: Microîntreprinderile cu sub 10 angajați și cifra de afaceri anuală sub 2 milioane de euro. Dar chiar și pentru acestea, conformarea e recomandată pentru avantaj competitiv.

Sancțiuni

Nerespectarea cerințelor de accesibilitate se sancționează cu:

• Amenzi între 5.000 și 15.000 lei pentru încălcări ale cerințelor
• Amenzi de până la 5% din cifra de afaceri anuală conform directivei europene
• Retragerea produselor de pe piață sau suspendarea serviciilor
• Excluderea de la contracte publice

Autoritățile de control includ: ANPC, Ministerul Economiei, ANCOM, ADR, CNA și Consiliul Concurenței.

OUG 112/2018 (Sectorul Public)

Dacă ai un site pentru o instituție publică sau furnizezi servicii publice online, te supui și OUG 112/2018, care impune conformitate cu standardul european EN 301 549 (bazat pe WCAG 2.1). Aceasta cere și publicarea unei declarații de accesibilitate pe site.

Ce Este WCAG? — Standardul Explicat Simplu

WCAG (Web Content Accessibility Guidelines) este standardul internațional care definește regulile accesibilității web. E creat de W3C (organizația care stabilește standardele web-ului) și e recunoscut de legislația din toată lumea.

Versiunea actuală este WCAG 2.2 (publicată în octombrie 2023). Nu trebuie să memorezi codul — trebuie doar să înțelegi cele 4 principii fundamentale:

1. Perceptibil — „Pot vedea și auzi conținutul?"

Informațiile trebuie prezentate în moduri pe care toți utilizatorii le pot percepe:

• Imagini cu text alternativ — fiecare imagine trebuie să aibă un atribut alt care descrie ce conține (ex: alt="Grafic cu evoluția vânzărilor în 2026")
• Video cu subtitrări — conținutul audio trebuie disponibil și în format text
• Contrast suficient — raport minim de 4.5:1 între text și fundal. Text gri deschis pe alb? Problematic
• Text redimensionabil — utilizatorul trebuie să poată mări textul la 200% fără să piardă conținut sau funcționalitate

2. Operabil — „Pot naviga și interacționa?"

Toate funcțiile trebuie accesibile prin diferite metode de interacțiune:

• Navigare cu tastatura — tot ce funcționează cu mouse-ul trebuie să funcționeze și cu Tab, Enter, Escape
• Fără capcane de focus — utilizatorul nu trebuie să rămână „blocat" într-un element (ex: un modal din care nu poți ieși cu tastatura)
• Timp suficient — dacă ai timere sau sesiuni care expiră, oferă opțiunea de extindere
• Fără conținut care provoacă convulsii — nimic care clipește de mai mult de 3 ori pe secundă
• Zone de tap suficient de mari — butoanele pe mobil trebuie să aibă minimum 24×24 pixeli (WCAG 2.2)

3. Inteligibil — „Pot înțelege conținutul?"

Conținutul și navigarea trebuie să fie clare:

• Limbaj simplu — evită jargonul tehnic excesiv; dacă îl folosești, explică-l
• Navigare consistentă — meniul și elementele de navigare în aceeași poziție pe toate paginile
• Erori explicite — formularul spune „Câmpul email este gol" nu doar „Eroare"
• Etichete descriptive — fiecare câmp de formular trebuie să aibă o etichetă clară, nu doar placeholder
• Limba paginii declarată — atributul lang="ro" pe tag-ul HTML ajută screen reader-ele să citească corect

4. Robust — „Funcționează cu tehnologiile asistive?"

Site-ul trebuie să funcționeze cu diverse dispozitive și programe:

• HTML valid — cod curat, fără tag-uri nedeschise sau neînchise
• Roluri ARIA corecte — atribute care ajută screen reader-ele să înțeleagă rolul fiecărui element (buton, meniu, dialog)
• Compatibilitate cu screen reader-e — testare cu NVDA (gratuit), JAWS sau VoiceOver

Niveluri de Conformitate

WCAG definește 3 niveluri:

Nivel	Ce Înseamnă	Cerut Legal?
A	Minim — elimină cele mai grave bariere	Da, dar insuficient
AA	Standard — nivelul recomandat și cerut legal	Da — acesta e standardul obligatoriu
AAA	Maxim — accesibilitate completă, greu de atins pe întreg site-ul	Nu, dar ideal pentru pagini cheie

Concluzie practică: Țintești WCAG 2.2 Nivel AA. Acesta e standardul pe care îl cer atât legislația românească, cât și cea europeană.

Beneficiile Accesibilității (Dincolo de Lege)

Conformarea cu WCAG nu e doar despre evitarea amenzilor. Aduce beneficii concrete pentru afacerea ta:

1. Mai Mult Trafic și SEO Mai Bun

Un studiu SEMrush pe 10.000 de site-uri arată că site-urile conforme WCAG au:

• +23% trafic organic față de site-urile neconforme
• +27% cuvinte cheie pentru care se clasează în Google
• +19% scor de autoritate al domeniului

De ce? Multe practici de accesibilitate se suprapun cu cele mai bune practici SEO: text alternativ pe imagini, heading-uri structurate, HTML semantic, contrast bun, viteză bună de încărcare.

2. Conversii Mai Mari

Un site ușor de folosit de oricine este un site ușor de folosit de toată lumea. Butoane suficient de mari, formulare clare, navigare intuitivă — toate cresc rata de conversie, nu doar pentru persoanele cu dizabilități.

3. Piață Mai Mare

Ignori accesibilitatea = ignori 16% din populație. Plus persoanele în vârstă, plus utilizatorii cu dizabilități temporare. Este un segment de piață cu putere de cumpărare semnificativă pe care competitorii tăi probabil nu îl servesc.

4. Protecție Juridică

Numărul proceselor legate de accesibilitate web crește anual. În 2025, au fost depuse peste 5.100 de procese doar în SUA — o creștere de 20% față de anul anterior. 82% vizează site-uri e-commerce. Europa urmează același trend odată cu intrarea în vigoare a EAA.

5. ROI Excelent

Cercetările Forrester arată un return de 100 de lei pentru fiecare leu investit în accesibilitate. Investiția se recuperează în medie în 12 luni, doar prin creșterea traficului, conversiilor și evitarea riscurilor legale.

Cele 10 Probleme de Accesibilitate Cele Mai Frecvente

Nu trebuie să fii dezvoltator web pentru a înțelege aceste probleme. Iată ce găsim cel mai des și cum se manifestă:

#	Problemă	Ce vede utilizatorul	Impact
1	Imagini fără text alternativ	Screen reader-ul spune „imagine" fără context	Critic
2	Contrast insuficient	Text greu de citit, mai ales pe telefon sau la soare	Ridicat
3	Formulare fără etichete	Screen reader-ul nu știe ce câmp e — „editare text" fără context	Critic
4	Linkuri fără text descriptiv	Screen reader-ul citește „click aici, click aici, click aici" pe toată pagina	Ridicat
5	Nu funcționează cu tastatura	Meniuri, butoane și formulare inaccesibile fără mouse	Critic
6	Limba paginii nedeclarată	Screen reader-ul citește text românesc cu accent englezesc	Mediu
7	Heading-uri dezordonate	Structura paginii e haotică — ca o carte fără cuprins	Mediu
8	Video fără subtitrări	Persoanele surde sau în medii zgomotoase pierd informația	Ridicat
9	Zone de tap prea mici	Butoane greu de apăsat pe mobil, mai ales pentru persoane cu tremur	Mediu
10	Focus indicator lipsă	Utilizatorii cu tastatură nu văd ce element e selectat	Ridicat

Cum Verifici Accesibilitatea Site-ului Tău

Există 3 niveluri de verificare. Recomandăm să le faci pe toate:

Nivelul 1: Test Automat (30 secunde)

Cel mai rapid mod de a începe. Instrumente automate scanează site-ul și raportează problemele:

SoftAudit.ro/verificare-accesibilitate verifică site-ul tău și oferă:

• Scor de accesibilitate cu detalii pe fiecare categorie
• Lista problemelor găsite, ordonate după gravitate
• Explicații pe înțelesul tuturor (nu cod tehnic)
• Recomandări concrete de rezolvare

Verifică Accesibilitatea Gratuit

Alte instrumente automate utile:

• WAVE (wave.webaim.org) — extensie de browser care evidențiază problemele direct pe pagină
• axe DevTools — extensie Chrome/Firefox pentru dezvoltatori
• Lighthouse — integrat în Chrome DevTools (F12 → tab Lighthouse → Accessibility)

Nivelul 2: Test Manual Rapid (15 minute)

Fă aceste 5 teste fără niciun instrument special:

1. Testul tastaturii: Pune mouse-ul deoparte. Navighează prin site doar cu Tab, Shift+Tab, Enter și Escape. Poți ajunge la toate linkurile, butoanele și formularele? Poți vedea unde ești (focus indicator)? Rămâi „blocat" undeva?
2. Testul de zoom: Mărește pagina la 200% (Ctrl + „+" de 4 ori). Conținutul rămâne vizibil și utilizabil? Nimic nu se suprapune sau dispare?
3. Testul de contrast: Privește site-ul pe telefon afară, la soare. Poți citi tot textul? Butoanele sunt vizibile?
4. Testul video: Pornește un video de pe site fără sunet. Poți înțelege conținutul doar din subtitrări? Există subtitrări?
5. Testul formularelor: Completează un formular doar cu tastatura. Erorile sunt explicate clar? Câmpurile au etichete vizibile (nu doar placeholder-uri care dispar)?

Nivelul 3: Test cu Screen Reader (30 minute)

Acest test oferă perspectiva reală a unui utilizator nevăzător:

1. Instalează NVDA (nvaccess.org — gratuit, Windows) sau activează VoiceOver (gratuit, Mac/iPhone)
2. Închide ochii sau oprește monitorul
3. Navighează prin paginile principale ale site-ului
4. Întreabă-te: Poți înțelege ce e pe pagină? Imaginile au descrieri? Butoanele au etichete? Structura are sens?

Checklist Practic: 15 Lucruri de Verificat și Reparat

Iată o listă concretă de acțiuni. Nu trebuie să le faci pe toate deodată — începe cu cele marcate „Critic":

Critic (Fă ACUM)

• ☐ Adaugă alt descriptiv pe TOATE imaginile (ex: alt="Echipa noastră la conferința din Cluj, 2026" nu alt="img001")
• ☐ Adaugă lang="ro" pe tag-ul <html>
• ☐ Asigură-te că TOATE câmpurile de formular au etichete (tag <label>) vizibile
• ☐ Verifică că site-ul funcționează cu tastatura (Tab, Enter, Escape)
• ☐ Verifică contrastul text-fundal (minim 4.5:1 pentru text normal, 3:1 pentru text mare)

Important (Prima Săptămână)

• ☐ Structurează heading-urile corect: un singur H1 per pagină, H2 pentru secțiuni, H3 pentru sub-secțiuni
• ☐ Transformă linkurile „click aici" în linkuri descriptive (ex: „Descarcă lista de prețuri" în loc de „click aici")
• ☐ Adaugă subtitrări la videoclipurile de pe site
• ☐ Asigură-te că butoanele pe mobil au minimum 24×24px zonă de tap
• ☐ Adaugă focus indicator vizibil pe elementele interactive (outline sau border la focus)

Recomandat (Prima Lună)

• ☐ Adaugă „skip navigation" link la începutul paginii (link invizibil care permite sărirea peste meniu)
• ☐ Verifică și repară erorile din formulare — mesaje clare, specifice, asociate câmpului corect
• ☐ Adaugă atribute ARIA acolo unde HTML-ul semantic nu e suficient (role, aria-label, aria-expanded)
• ☐ Asigură-te că textul poate fi mărit la 200% fără pierdere de conținut
• ☐ Publică o declarație de accesibilitate pe site (obligatorie legal)

Declarația de Accesibilitate — Ce Trebuie Să Conțină

Legea 232/2022 și OUG 112/2018 impun publicarea unei declarații de accesibilitate pe site-ul tău. Aceasta trebuie să conțină:

1. Nivelul de conformitate declarat (WCAG 2.1 AA, parțial conform, etc.)
2. Conținut neaccesibil — ce secțiuni sau funcționalități nu sunt încă accesibile și de ce
3. Modalități de contact — cum pot utilizatorii raporta probleme de accesibilitate
4. Data ultimei evaluări a accesibilității
5. Planul de remediere — ce faci pentru a rezolva problemele existente

Plasează declarația într-o pagină dedicată (ex: /accesibilitate) cu link în footer-ul site-ului, vizibil pe toate paginile.

Accesibilitate și SEO: Două Fețe ale Aceleiași Monede

Multe cerințe WCAG se suprapun cu cerințele SEO. Când faci site-ul accesibil, îl faci și mai vizibil în Google:

Practică de Accesibilitate	Beneficiu SEO
Text alternativ pe imagini	Google Image Search te indexează mai bine
Heading-uri structurate (H1-H6)	Google înțelege mai bine structura conținutului
HTML semantic	Crawlere de search engine parsează mai eficient
Subtitrări la video	Conținut text indexabil + rich snippets
Navigare cu tastatura	Indică cod curat și structurat
Viteză de încărcare bună	Factor direct de ranking (Core Web Vitals)
Contrast bun text-fundal	Timp pe pagină mai mare, bounce rate mai mic
Linkuri descriptive	Anchor text relevant pentru Google

Concluzia studiului SEMrush: site-urile conforme WCAG au 23% mai mult trafic organic. Accesibilitatea nu e un cost — e o investiție cu dublu return: legal și SEO.

Mituri despre Accesibilitate

„Site-ul meu e mic, nu mă vizează nimeni"

Fals. Legislația se aplică tuturor companiilor care oferă servicii digitale consumatorilor (exceptând microîntreprinderile sub 10 angajați / sub 2M€). Și chiar dacă ești exceptat legal, un site inaccesibil pierde clienți.

„Accesibilitatea face site-ul urât"

Fals. Site-uri ca Apple, BBC sau Gov.uk sunt atât frumoase, cât și complet accesibile. Accesibilitatea e despre cod și structură, nu despre design vizual. De fapt, cerința de contrast bun face de obicei site-urile mai ușor de citit pentru toată lumea.

„E prea scump și complicat"

Exagerat. Majoritatea problemelor de accesibilitate (text alternativ, etichete formular, contrast, limba paginii) se rezolvă în câteva ore. Un audit automat cu SoftAudit.ro e gratuit și durează 30 de secunde. Rezolvarea problemelor critice durează de obicei 1-2 zile de lucru.

„Pun un widget/overlay și e rezolvat"

Periculos. Widget-urile de accesibilitate (overlay-urile) NU rezolvă problemele reale din codul site-ului. Multe comunități de persoane cu dizabilități le critică activ. Mai mulți proprietari de site-uri au fost dați în judecată DEȘI aveau un overlay instalat. Singura soluție reală e remedierea codului.

Plan de Implementare în 30 de Zile

Nu trebuie să faci totul deodată. Iată un plan realist:

Săptămâna 1: Audit și Probleme Critice

1. Rulează un audit de accesibilitate gratuit
2. Rezolvă problemele critice: alt text, lang, etichete formulare, contrast
3. Testează navigarea cu tastatura și repară blocajele

Săptămâna 2: Conținut și Structură

1. Corectează ierarhia heading-urilor pe toate paginile
2. Transformă linkurile „click aici" în linkuri descriptive
3. Adaugă subtitrări la conținutul video

Săptămâna 3: Interacțiune și Formulare

1. Testează și repară formularele (erori clare, etichete vizibile)
2. Asigură focus indicator vizibil
3. Verifică zonele de tap pe mobil

Săptămâna 4: Finalizare și Documentare

1. Testează cu screen reader (NVDA sau VoiceOver)
2. Publică declarația de accesibilitate
3. Rulează un nou audit pentru a confirma îmbunătățirile
4. Setează o verificare lunară automată

Verifică Site-ul Tău Acum

96% din site-uri au probleme de accesibilitate. Sunt șanse mari că și al tău e printre ele. Dar vestea bună e că cele mai frecvente probleme sunt și cele mai ușor de rezolvat.

Primul pas: află exact unde stai. Un audit automat durează 30 de secunde și îți arată precis ce trebuie reparat.

Verifică Accesibilitatea Site-ului Gratuit

Un site accesibil nu e doar un site legal. E un site mai bun — pentru toți utilizatorii tăi, pentru Google și pentru afacerea ta.