Publicat pe 29 octombrie 2026 · Echipa mitza.es
Când se vorbește despre accesibilitatea web, ne gândim de obicei doar la lege. Dar accesibilitatea este, în primul rând, o chestiune practică: ca oricine să poată citi, înțelege și folosi site-ul tău, chiar dacă nu vede bine, nu poate folosi mouse-ul, are o dizabilitate auditivă sau motorie sau pur și simplu se uită la telefon în bătaia soarelui. În plus, un site accesibil se încarcă de obicei mai bine, se înțelege mai bine și se poziționează mai bine. Ghidul de față explică ce este accesibilitatea, ce standard se folosește ca referință și cum poți începe să-ți adaptezi site-ul fără să-l refaci de la zero.
Ce este accesibilitatea web
Accesibilitatea web este ansamblul practicilor de design și dezvoltare care permit persoanelor cu dizabilități, dar și celor cu limitări temporare sau situaționale, să perceapă, să înțeleagă, să navigheze și să interacționeze cu un site. Îi privește pe cei care folosesc cititoare de ecran, pe cei care navighează doar cu tastatura, pe cei care au nevoie de mai mult contrast sau de text mărit și pe cei care au nevoie de subtitrări la videoclipuri.
Nu este un adaos „pentru câțiva”: îmbunătățește experiența tuturor. Subtitrările ajută în tren, fără căști, un contrast bun ajută în soare, iar un formular clar ajută pe oricine se grăbește.
Ce sunt WCAG și cele patru principii
WCAG (Web Content Accessibility Guidelines, adică ghidurile de accesibilitate pentru conținutul web) sunt standardul internațional al W3C. Se organizează în patru principii, care în engleză se rezumă prin acronimul POUR:
- Perceptibil: informația poate fi percepută (text alternativ la imagini, subtitrări, contrast suficient).
- Operabil: totul poate fi folosit cu tastatura, fără limite de timp nedrepte și fără capcane de focus.
- Inteligibil: textul este lizibil, navigarea este previzibilă, iar erorile din formulare sunt explicate.
- Robust: codul este valid și semantic, astfel încât să funcționeze cu cititoarele de ecran și cu alte tehnologii asistive.
Nivelurile A, AA și AAA: pe care îl alegi
Fiecare criteriu WCAG are un nivel de conformitate: A (de bază), AA (nivelul care se cere de obicei ca țintă) și AAA (cel mai exigent, care nu poate fi atins întotdeauna pentru tot conținutul). Pentru un site de companie, ținta rezonabilă este nivelul AA. Versiunea de referință cea mai răspândită în Europa este WCAG 2.1 AA, prin standardul european EN 301 549, iar din octombrie 2023 există versiunea 2.2, care adaugă nouă criterii noi (printre ele, o dimensiune minimă de 24 pe 24 de pixeli CSS pentru elementele tactile, cu excepții).
Ce spune legea (și unde afli mai mult)
În Spania, Legea spaniolă 11/2023 transpune Directiva europeană privind accesibilitatea, iar Titlul I se aplică din 28 iunie 2025. Acoperă, printre altele, comerțul electronic: obligația se referă la vânzarea online de produse și servicii către consumatori. Există excepții și perioade de tranziție (de exemplu, pentru unele microîntreprinderi care prestează servicii), așa că merită să-ți verifici cazul concret. Găsești detaliile despre starea reală a conformării în articolul nostru despre legea accesibilității web din Spania. Aici ne concentrăm pe partea practică: ce ai de schimbat pe site.
Cele mai frecvente greșeli de accesibilitate
- Imagini fără text alternativ (sau cu texte de genul „imagine1.jpg”), sau cu alt pus la imagini pur decorative, care ar trebui ignorate.
- Contrast insuficient între text și fundal: WCAG cer un raport de cel puțin 4,5:1 pentru textul normal și 3:1 pentru textul mare.
- Navigare imposibilă cu tastatura: meniuri care se deschid doar cu mouse-ul, ferestre modale care captează focusul sau un focus invizibil.
- Formulare etichetate greșit: câmpuri fără label, erori indicate doar prin culoarea roșie sau mesaje care nu sunt anunțate.
- Structură haotică a titlurilor: salturi de la H1 la H4 sau titluri folosite doar ca să dea dimensiune textului.
- Linkuri ambigue („apasă aici”, „citește mai mult”) care nu spun unde duc.
- Videoclipuri și fișiere audio fără subtitrări și fără transcriere.
- Limba paginii nedeclarată, astfel încât cititorul de ecran pronunță greșit textul.
Listă de verificare practică, ca să începi
- Navighează pe site doar cu tastatura (Tab, Shift+Tab, Enter, Esc): ajungi la tot și vezi unde te afli?
- Verifică dacă fiecare imagine informativă are un alt descriptiv și dacă cele decorative îl au gol.
- Verifică contrastul textelor cu un instrument de verificare.
- Asigură o structură logică a titlurilor H1, H2, H3, cu un singur H1.
- Etichetează toate câmpurile din formulare și explică erorile prin text, nu doar prin culoare.
- Fă ca textul linkurilor să aibă sens și în afara contextului.
- Adaugă subtitrări la videoclipuri și evită ca conținutul să pornească singur.
- Declară limba paginii și nu bloca zoomul pe mobil.
- Verifică dacă designul funcționează la mărirea textului la 200% fără să se piardă conținut.
- Publică o declarație de accesibilitate cu un contact pentru a semnala probleme.
Instrumente pentru a-ți verifica site-ul
Instrumentele automate, precum Lighthouse (integrat în Chrome), WAVE sau axe DevTools, detectează o parte dintre probleme: contraste, imagini fără alt, etichete lipsă. Sunt un prim filtru bun, dar nu înlocuiesc o verificare manuală: trebuie testate tastatura, un cititor de ecran (NVDA pe Windows, VoiceOver pe Mac și iPhone) și înțelegerea reală a conținutului. Nici „widgeturile” sau overlay-urile de accesibilitate, care se instalează cu o singură linie de cod, nu sunt o soluție: nu corectează codul de fond și nu sunt considerate conformitate.
Accesibilitate și SEO: ce au în comun
O mare parte din ce cere accesibilitatea este ceea ce răsplătește Google: titluri bine structurate, texte alternative, linkuri descriptive, transcrieri și pagini rapide. Nu este o promisiune de poziții, dar un site accesibil este de obicei un site mai clar și pentru motoarele de căutare. Dacă vrei să lucrezi pe ambele în același timp, vezi serviciul nostru de SEO.
Cât de multă muncă înseamnă adaptarea unui site existent
Depinde de punctul de plecare. Pe un site bine construit, multe corecturi sunt mici (alt, etichete, contrast). Pe site-uri cu machetare veche, meniuri complexe sau plugin-uri care generează cod puțin semantic, poate fi nevoie să refaci componente concrete. De aceea, cel mai eficient este să începi cu un audit care ordonează problemele după gravitate și după efort și să corectezi mai întâi ce împiedică cel mai mult utilizarea. Dacă ai un magazin online, accesibilitatea coșului și a plății este prioritatea (îți spunem despre asta și în ghidul nostru de dezvoltare ecommerce).
Cum te ajutăm la Mitza
Auditul nostru de accesibilitate web verifică contrastul, navigarea cu tastatura, compatibilitatea cu cititoarele de ecran, formularele, structura HTML și textul alternativ și îți livrează o listă cu ce nu funcționează și cum se corectează. Dacă preferi să începi cu o revizuire generală a site-ului, ai auditul, iar pentru nelămuriri ne poți scrie de pe pagina de contact.