Accesibilitate web: Ghidul complet WCAG

De pe 28 iunie 2025, European Accessibility Act (EAA) a devenit obligatoriu în toată Uniunea Europeană, inclusiv România. Asta înseamnă că toate site-urile și aplicațiile mobile ale companiilor care vând produse sau servicii în UE trebuie să respecte standardele de accesibilitate WCAG 2.1 (minim Level AA) sau să riște amenzi.

Acest ghid e despre ce înseamnă concret accesibilitatea web în 2026, care sunt cerințele legale pentru afaceri din România, și cum implementezi pas cu pas un site accesibil. Fără jargon, doar realitate practică.

Ce e accesibilitatea web

Accesibilitatea web înseamnă că site-ul tău e utilizabil de către persoanele cu dizabilități: persoane fără vedere care folosesc screen reader, persoane cu vedere slabă care au nevoie de contrast înalt și text mărit, persoane cu mobilitate redusă care navighează doar cu tastatura, persoane cu dizabilități cognitive care au nevoie de structură clară și limbaj simplu.

În România, conform statisticilor ANPD 2024, există peste 800.000 de persoane cu certificat de handicap (4% din populație). În UE, cifra ajunge la 87 milioane. Asta nu mai e o nișă, e un segment serios de utilizatori pe care îl ignori cu cost mare dacă site-ul tău e inaccesibil.

Cadrul legal în România 2026

European Accessibility Act (EAA)

Aplicabilă din 28 iunie 2025 pentru produse și servicii noi. Vechile site-uri lansate înainte de această dată au până în 28 iunie 2030 pentru conformare. Cerința principală: respectarea standardului EN 301 549 (care încorporează WCAG 2.1 Level AA).

Cui se aplică

• E-commerce de orice fel care vinde către consumatori UE
• Servicii bancare către consumatori
• Servicii de comunicații electronice (telecom, ISP)
• Servicii de transport (rezervări online, ticketing)
• Cărți electronice și platforme de citire
• Self-service terminals (ATM-uri, automate de bilete)

Excepții importante: micro-întreprinderi (sub 10 angajați și sub 2M EUR cifră afaceri) sunt scutite de cerințele pentru servicii. Dar nu și pentru produse — un magazin online de produse trebuie accesibil indiferent de mărime.

Amenzi în România

Autoritatea de supraveghere desemnată e Autoritatea Națională pentru Persoanele cu Dizabilități (ANPD). Amenzile prevăzute: 5000-25.000 RON pentru micro și mici, 25.000-100.000 RON pentru firme medii, 100.000-500.000 RON pentru firme mari. Plus posibilitatea de suspendare temporară a serviciului.

În realitate, enforcement-ul în România e încă în construcție. Primele amenzi semnificative sunt așteptate în 2026-2027. Dar tendința e clară: în 2-3 ani, audit-urile de accesibilitate vor fi norma, nu excepția.

WCAG 2.2 AA în practică

WCAG (Web Content Accessibility Guidelines) e standardul tehnic pentru accesibilitate. Versiunea curentă e 2.2 (2023), cu Level AA fiind nivelul recomandat pentru majoritatea site-urilor comerciale.

Cele 4 principii WCAG

1. Perceivable — utilizatorii trebuie să poată percepe informația prezentată (text alt pentru imagini, captions pentru video, contrast suficient)
2. Operable — utilizatorii trebuie să poată naviga și interacționa (tastatură fără mouse, fără conținut care provoacă convulsii, suficient timp pentru acțiuni)
3. Understandable — informația și interfața trebuie să fie inteligibile (limbaj simplu, comportament predictibil, erori clare)
4. Robust — conținutul trebuie să funcționeze cu o varietate de browsere și assistive technologies (HTML semantic valid, ARIA corect folosit)

Top 15 elemente concrete pe care le verifici

Conținut și structură

1. Alt text pe toate imaginile informative — descriptiv, nu „IMG_2034.jpg". Imaginile pur decorative au alt="" (gol explicit)
2. Heading hierarchy corectă — un singur H1 per pagină, H2 pentru secțiuni, H3 pentru sub-secțiuni, fără sărituri (H1 → H3 fără H2)
3. Captions și transcripts pentru video — caption sincrone pentru utilizatori surzi, transcript text pentru utilizatori care nu pot rula media
4. Limbaj simplu — evită jargon inutil, frazele scurte (max 20 cuvinte ideal), explicații pentru termeni tehnici
5. Lang attribute corect — `` sau `"en"`, plus lang inline pentru pasaje în alte limbi

Vizual

6. Contrast minim 4.5:1 pentru text normal, 3:1 pentru text large (peste 18px bold sau 24px regular)
7. Text resizable la 200% fără pierdere de funcționalitate — niciun text fix în pixel pentru elemente esențiale
8. Niciodată culoarea singura ca informație — link-urile au underline, erorile au icon plus culoare, status-urile au și text
9. Indicator focus vizibil — outline pe focus minim 2px, contrast 3:1 cu fundalul, nu eliminat cu `outline: none` fără înlocuire
10. Spațiere suficientă — line-height minim 1.5, paragraf spacing minim 2x font-size, letter-spacing 0.12em pentru text serif dense

Interacțiune

11. Totul tastatură-accesibil — Tab pentru navigare, Enter/Space pentru activare, Escape pentru închidere modale
12. Skip links — link "Skip to main content" la începutul paginii pentru utilizatori screen reader
13. Formulare cu labels asociate — `` legat de ``, nu doar placeholder text
14. Erori clare — mesaj de eroare specific (nu „eroare"), legat de câmpul greșit, anunțat la screen reader cu aria-live
15. Sufficient time — niciun session timeout sub 20 minute fără posibilitate de extindere, niciun auto-refresh fără control

Instrumente gratuite pentru audit

• WAVE (wave.webaim.org) — browser extension care evidențiază problemele pe pagină
• axe DevTools (browser extension Chrome/Firefox) — audit detaliat cu severitate
• Lighthouse Accessibility (în Chrome DevTools) — score automat 0-100 plus issues
• Color Contrast Analyser (TPGi) — verificare contrast WCAG-compliant
• NVDA (gratuit Windows) — screen reader pentru testare manuală
• VoiceOver (built-in macOS/iOS) — același scop, mai natural pentru Apple

Audit-ul automat prinde 30-50% din problemele reale. Restul cer testare manuală cu tastatură și screen reader. Pentru un site mediu, audit complet ia 8-16 ore de muncă specializată.

Costul implementării accesibilității

Dacă faci accesibilitatea de la început, în faza de design + development, costul suplimentar e între 5% și 15% din bugetul total. Pentru un site de 12.000 RON, asta înseamnă 600-1800 RON peste cost normal.

Dacă faci retrofit pe un site existent, costul urcă la 20-50% din bugetul inițial. Pentru același site, 2400-6000 RON suplimentar.

Mesajul evident: planifici accesibilitatea de la wireframe, nu o adaugi după.

Cum testezi în 30 de minute dacă site-ul tău e accesibil

1. Deconectează mouse-ul. Navighează pe site doar cu Tab, Shift+Tab, Enter, Space, Escape. Poți ajunge la toate funcțiile importante? Indicatorul de focus e vizibil mereu?
2. Mărește text-ul la 200% în browser. Site-ul rămâne funcțional sau se rup elementele?
3. Rulează Lighthouse Accessibility. Scor sub 90 = probleme serioase.
4. Folosește un screen reader (NVDA pe Windows, VoiceOver pe Mac) și încearcă să navighezi prin pagina de homepage și să completezi formularul de contact. Reușești?
5. Verifică contrastul a 5 elemente random cu Color Contrast Analyser. Toate peste 4.5:1?

Dacă răspunsul la oricare e „nu", ai treabă de făcut.

Concluzie

Accesibilitatea web nu mai e o decizie etică opțională în 2026, e o obligație legală în UE plus un avantaj competitiv real. Site-urile accesibile rankuie mai bine SEO (Google a integrat semnalele de accesibilitate în Core Algorithm încă din 2024), convertesc mai mult (utilizatori în vârstă, utilizatori cu dizabilități temporare), și protejează firma de amenzi în creștere.

La DCL implementăm accesibilitatea WCAG 2.2 AA în toate site-urile noastre custom încă de la prima iterație de design. Componente reutilizabile testate cu screen reader, contrast verificat automat în build, focus management corect pe modale și dropdowns. Dacă vrei un audit de accesibilitate pe site-ul tău existent sau un proiect nou compliant cu EAA, ne contactezi prin formular.