WEB DESIGN CONSTANȚADeschis acum02.10.2026--:--:--0722 810.870office@digital-art.ro
Schimbă limba
Hai să vorbim

Accesibilitatea web a devenit obligatorie: Legea 232/2022

Ce s-a schimbat pe 28 iunie 2025, cine intră sub incidența Legii 232/2022, ce înseamnă accesibil în practică și un plan de conformare în 90 de zile.

Navigare pe un site folosind doar tastatura, test de bază pentru accesibilitate

Pe 28 iunie 2025 au intrat în aplicare, în toată Uniunea Europeană, obligațiile de accesibilitate digitală introduse prin Directiva (UE) 2019/882 — cunoscută ca European Accessibility Act. În România, directiva a fost transpusă prin Legea nr. 232/2022, iar de la acea dată o serie de produse și servicii digitale, între care comerțul electronic, trebuie să respecte cerințe de accesibilitate.

Pentru multe firme, asta a trecut complet neobservat. Articolul de față explică, pe înțelesul cuiva care nu are departament juridic: ce s-a schimbat, cine intră sub incidență, ce înseamnă „accesibil” concret, ce poți verifica singur azi și ce faci dacă site-ul tău nu e conform.

Precizare necesară. Suntem o agenție de web design, nu o casă de avocatură. Articolul descrie ce înseamnă aceste cerințe pentru construcția unui site și cum se verifică tehnic. Pentru încadrarea juridică a firmei tale, consultă un specialist și textul oficial al legii.

Cuprins

Ce s-a schimbat pe 28 iunie 2025

Până atunci, accesibilitatea web era o obligație legală doar pentru instituțiile publice. Pentru mediul privat era o bună practică — recomandată, apreciată, dar opțională.

De la 28 iunie 2025, o serie de servicii oferite consumatorilor de către operatori economici privați trebuie să îndeplinească cerințe de accesibilitate. Comerțul electronic e explicit între ele.

Ce înseamnă practic

Un magazin online trebuie să poată fi folosit de o persoană care:

  • nu vede și navighează cu un cititor de ecran;
  • nu poate folosi mouse-ul și navighează exclusiv de la tastatură;
  • vede slab și mărește pagina de două-trei ori;
  • nu distinge bine culorile;
  • are dificultăți de concentrare sau de procesare a textului.

Nu e o cerință exotică. Statisticile europene indică o proporție semnificativă a populației adulte cu o formă de dizabilitate — o parte considerabilă a pieței, care până acum era pur și simplu exclusă din multe magazine online.

Site-ul firmei mele trebuie să fie accesibil

Depinde de ce faci cu el. Dacă vinzi online către consumatori — deci ai comerț electronic — te încadrezi, cu excepția cazului în care ești microîntreprindere care prestează servicii. Dacă ai doar un site de prezentare, fără vânzare online, nu ești în general vizat de obligația directă, dar te pot afecta cerințe indirecte: de exemplu, când lucrezi ca furnizor pentru instituții publice, care au propriile obligații.

Cine e vizat, pe scurt

Situație Sub incidență?
Magazin online B2C da
Servicii bancare pentru consumatori da
Transport de călători, servicii de bilete da
Comunicații electronice da
Cărți electronice și platforme de conținut da
Site de prezentare, fără vânzare online în general, nu direct
Microîntreprindere care prestează servicii exceptată, ca regulă
Furnizor pentru sectorul public indirect, prin cerințele achizitorului

Categoria de microîntreprindere se raportează la praguri de personal și cifră de afaceri; verifică încadrarea exactă cu contabilul sau consilierul juridic, pentru că excepția nu se aplică identic în toate cazurile.

Argumentul care contează chiar dacă nu ești vizat

Un site accesibil e mai bine structurat, mai ușor de folosit pe telefon și mai ușor de citit de motoarele de căutare. Titlurile corecte, textele alternative la imagini și contrastul bun sunt simultan cerințe de accesibilitate și bune practici de optimizare. Nu faci o muncă în plus; faci aceeași muncă mai bine.

Directiva (UE) 2019/882  →  Legea nr. 232/2022  →  EN 301 549  →  WCAG 2.1 AA
   European                  transpunerea             standardul      criteriile
   Accessibility Act         în dreptul intern        european        tehnice
  • Directiva (UE) 2019/882 stabilește obligațiile la nivel european.
  • Legea nr. 232/2022 o transpune în legislația din România, cu aplicare de la 28 iunie 2025.
  • EN 301 549 e standardul european armonizat; conformarea cu el creează prezumția de conformitate.
  • WCAG 2.1, nivel AA e setul de criterii tehnice verificabile pe care standardul le preia pentru conținutul web.

În practică, „fă site-ul conform” înseamnă WCAG 2.1 nivel AA.

Surse: AmCham România(se deschide într-o filă nouă), W3C — politici de accesibilitate pentru România(se deschide într-o filă nouă), Recite Me(se deschide într-o filă nouă).

Ce înseamnă accesibil: cele patru principii

WCAG se organizează în jurul a patru principii. Un conținut trebuie să fie:

1. Perceptibil

Informația trebuie să poată fi percepută, indiferent de simțul folosit.

  • Fiecare imagine care transmite informație are text alternativ.
  • Imaginile pur decorative sunt marcate ca atare, ca să fie ignorate de cititoarele de ecran.
  • Conținutul video are subtitrări.
  • Informația nu e transmisă doar prin culoare — un câmp cu eroare nu poate fi marcat doar cu roșu.
  • Contrastul între text și fundal e suficient.

2. Operabil

Interfața trebuie să poată fi folosită, indiferent de dispozitivul de intrare.

  • Tot ce se poate face cu mouse-ul se poate face de la tastatură.
  • Focalizarea e vizibilă: se vede pe ce element ești.
  • Nu există „capcane de tastatură” — locuri din care nu mai poți ieși cu Tab.
  • Există o cale de a sări peste meniul care se repetă pe fiecare pagină.
  • Nimic nu clipește într-un ritm care poate provoca crize.
  • Nu există limite de timp arbitrare.

3. Ușor de înțeles

  • Limba paginii e declarată în cod, ca cititoarele să pronunțe corect.
  • Navigarea e consecventă între pagini.
  • Mesajele de eroare spun ce e greșit și cum se repară, nu doar că ceva e greșit.
  • Câmpurile de formular au etichete asociate în cod, nu doar text alături.

4. Robust

  • Codul e valid și structurat semantic — un buton e un buton, nu un div căruia i s-a adăugat un eveniment de clic.
  • Funcționează cu tehnologiile de asistare, nu doar în browserul de test.

Cele 12 probleme frecvente pe site-urile românești

Din auditurile pe care le facem, în ordinea frecvenței:

  1. Contrast insuficient — text gri deschis pe fundal alb, foarte la modă și foarte greu de citit.
  2. Imagini fără text alternativ, sau cu text alternativ inutil de tipul imagine1.jpg.
  3. Focalizare invizibilă — conturul de focalizare a fost eliminat din stiluri pentru că „arăta urât”.
  4. Formulare fără etichete asociate — text scris deasupra câmpului, dar fără legătură în cod.
  5. Text în imagine — un banner cu oferta scrisă în poză. Invizibilă pentru cititoare și pentru Google.
  6. Butoane care nu sunt butoane — elemente cu comportament de buton, dar fără rol declarat.
  7. Titluri folosite pentru mărime, nu pentru ierarhie.
  8. Meniu mobil imposibil de închis de la tastatură.
  9. Ferestre modale care nu rețin focalizarea — apeși Tab și ajungi în spatele lor.
  10. Culoarea ca singur indicator — câmpuri greșite marcate doar cu roșu.
  11. Carusele automate fără posibilitate de oprire.
  12. Limba paginii nedeclarată, sau declarată greșit ca engleză pe un site românesc.

Primele patru acoperă majoritatea covârșitoare a problemelor pe un site obișnuit, și toate patru se repară fără reconstrucție.

Contrastul: verificarea pe care o poți face azi

E singurul criteriu pe care îl poți verifica singur, fără cunoștințe tehnice, în cinci minute.

Pragurile

Tip de text Raport minim
Text normal 4,5:1
Text mare (peste ~24 px, sau ~19 px îngroșat) 3:1
Elemente de interfață și grafice 3:1

Cum verifici

  1. Ia culoarea textului și culoarea fundalului din designul tău, în notație HEX.
  2. Introdu-le într-un verificator public de contrast — sunt mai multe gratuite.
  3. Citește raportul și verifică dacă trece nivelul AA.

Unde găsești, de obicei, probleme

  • Textul secundar, „gri discret”, sub titluri.
  • Textul de pe butoane, mai ales pe butoane colorate cu text alb.
  • Textul așezat peste o fotografie.
  • Textul de pe elementele dezactivate.
  • Textele din subsol, unde se folosește adesea gri pe gri.

Textul peste fotografie e cazul cel mai dificil, pentru că fotografia variază. Soluția e un strat semitransparent între imagine și text, sau o zonă de culoare plină sub text.

Al doilea test pe care îl poți face singur, chiar acum.

Procedura:

  1. Deschide pagina de start a site-ului tău.
  2. Lasă mouse-ul. Nu-l atinge deloc.
  3. Apasă Tab repetat și parcurge toată pagina.

Ce urmărești:

Verificare Ce trebuie să se întâmple
Vezi mereu unde ești? Elementul focalizat are un contur vizibil
Ordinea e logică? De sus în jos, de la stânga la dreapta
Ajungi la toate legăturile și butoanele? Nimic nu e sărit
Poți deschide meniul mobil? Cu Enter sau Space
Poți închide ce ai deschis? Cu Esc
Poți completa și trimite formularul? Fără mouse, de la cap la coadă
Poți sări peste meniu? O legătură „Sari la conținut” apare la primul Tab

Dacă la vreunul dintre puncte răspunsul este „nu”, ai o problemă de accesibilitate — și, foarte probabil, și una de utilizare, pentru mult mai mulți oameni decât crezi.

Declarația de accesibilitate

O pagină publică pe site care descrie starea de accesibilitate. Ce conține:

  • Angajamentul firmei privind accesibilitatea.
  • Standardul de referință — de regulă WCAG 2.1 nivel AA.
  • Gradul de conformare: complet, parțial sau neconform.
  • Ce nu e accesibil și de ce, dacă e cazul, cu un termen estimat de remediere.
  • Data ultimei evaluări și metoda folosită.
  • O cale de contact pentru cine întâmpină o barieră.
  • Ce se întâmplă dacă nu primește răspuns.

Onestitatea e criteriul

O declarație care spune „conformitate parțială” și enumeră concret ce lipsește e mai bună decât una care declară conformitate totală și e contrazisă de primul test. Declarația nu e un certificat, e o descriere a stării de fapt.

Se leagă din subsol, pe fiecare pagină.

Cine controlează și ce sancțiuni există

Supravegherea revine autorităților desemnate prin lege. Mecanismul pornește, în practică, în două feluri: prin control din oficiu sau, mai frecvent, pe baza unei reclamații din partea unui utilizator care nu a putut folosi serviciul.

Regimul sancționator prevăzut include amenzi, iar în cazuri de neconformitate autoritățile pot dispune măsuri care merg până la retragerea sau suspendarea serviciului de pe piață.

Riscul real, în ordinea probabilității

  1. O reclamație de la un utilizator. Cel mai probabil scenariu, și cel mai ușor de evitat: o cale de contact vizibilă și un răspuns prompt rezolvă majoritatea situațiilor înainte să devină formale.
  2. O cerință contractuală. Companiile mari și instituțiile publice cer tot mai des conformitate de la furnizori.
  3. Un control.

Plan de conformare în 90 de zile

Zilele 1–15 · Evaluare

  • Rulează o verificare automată pe paginile principale. Instrumentele automate prind aproximativ o treime din probleme — util ca punct de plecare, insuficient ca verdict.
  • Fă testul de tastatură pe cele mai importante cinci parcursuri: pagina de start, o pagină de produs sau serviciu, formularul de contact, coșul și finalizarea comenzii dacă vinzi online.
  • Verifică toate combinațiile de contrast din design.
  • Notează tot într-un singur document, cu pagina și problema.

Zilele 16–45 · Reparațiile ușoare

În ordinea raportului rezultat/efort:

  1. Restabilește conturul de focalizare vizibil. Cea mai mare îmbunătățire pentru cel mai mic efort.
  2. Corectează contrastele insuficiente.
  3. Adaugă text alternativ la toate imaginile care transmit informație; marchează-le pe cele decorative.
  4. Asociază etichetele cu câmpurile de formular, în cod.
  5. Declară limba paginii.
  6. Adaugă legătura „Sari la conținut”.
  7. Repară ierarhia titlurilor.

Zilele 46–75 · Reparațiile structurale

  • Componentele interactive primesc roluri și stări corecte.
  • Ferestrele modale rețin focalizarea și se închid cu Esc.
  • Meniul mobil devine complet operabil de la tastatură.
  • Mesajele de eroare devin explicite și sunt anunțate.
  • Caruselele primesc control de oprire, sau dispar.

Zilele 76–90 · Verificare și publicare

  • Retestează totul, manual.
  • Testează cu un cititor de ecran, chiar și sumar — cel din sistemul de operare e suficient pentru un test de bază.
  • Publică declarația de accesibilitate, cu ce e conform și ce nu.
  • Stabilește o verificare recurentă: fiecare pagină nouă trece testul de tastatură înainte de publicare.

Textul alternativ: cum se scrie corect

E cerința cea mai cunoscută și cea mai prost aplicată. Un text alternativ greșit e uneori mai rău decât niciunul.

Regula de bază

Textul alternativ răspunde la întrebarea: ce informație transmite imaginea asta? Nu „ce se vede în ea”.

Aceeași fotografie primește texte diferite după rol:

Context Text alternativ potrivit
Pe pagina unui proiect de portofoliu Pagina de start a site-ului Hotel Apollonia, cu galeria de camere
Ca ilustrație generică într-un articol "" — decorativă, nu adaugă informație
Ca singura sursă a unei informații tot conținutul relevant, în text

Cazurile care se greșesc

Imaginea e un link. Textul alternativ descrie destinația, nu imaginea. Un logo care duce acasă: Acasă, nu Sigla firmei.

Imaginea conține text. Textul din imagine se reproduce integral în alternativ. Mai bine: nu pune text în imagine. Nu poate fi citit de cititoare, nu poate fi tradus, nu poate fi găsit de Google și devine neclar la mărire.

Imaginea e o diagramă sau un grafic. Alternativul scurt spune ce e; datele se dau în text sau într-un tabel alături. Un grafic fără echivalent textual e o informație inaccesibilă.

Imaginea e pur decorativă. Se marchează cu alternativ gol, ca să fie sărită. Un fundal descris ca imagine de fundal abstractă doar întrerupe cititul.

Ce nu se scrie

  • imagine, poza1, IMG_2847.jpg
  • „Imagine cu…” sau „Fotografie reprezentând…” — cititorul de ecran anunță deja că e o imagine
  • Cuvinte-cheie înghesuite. E și inutil pentru clasare, și o experiență proastă pentru cine ascultă.

Lungimea

Sub 125 de caractere, ca regulă. Dacă îți trebuie mai mult, informația nu aparține unui atribut — aparține paginii.

Formularele, punctul cel mai fragil

Formularul e locul unde se pierde efectiv o conversie, nu doar unde se încalcă o cerință.

Eticheta

Fiecare câmp trebuie să aibă o etichetă asociată în cod, nu doar text scris deasupra. Asocierea e ce permite cititorului de ecran să anunțe „Telefon, câmp de editare” în loc de „câmp de editare”.

Are și un efect vizibil pentru toată lumea: o etichetă asociată corect focalizează câmpul când e apăsată — o țintă mai mare pentru degete pe telefon.

Textul din interiorul câmpului nu e etichetă

Un câmp care afișează „Nume” în interior și îl șterge la scriere lasă utilizatorul fără reper. Cine se întrerupe la jumătate nu mai știe ce completa. Eticheta rămâne vizibilă; textul din interior e, cel mult, un exemplu de format.

Erorile

O eroare corectă face trei lucruri:

  1. Spune ce e greșit și cum se repară. „Introdu un e-mail care conține @”, nu „Câmp invalid”.
  2. E legată de câmpul ei, ca să fie anunțată la focalizare.
  3. Nu se bazează doar pe culoare. Roșu plus un text plus o pictogramă.

Câmpurile obligatorii

Marcate atât vizual, cât și în cod. Un asterisc singur, cu o legendă în josul paginii, nu ajunge.

Testul complet

Completează formularul tău de contact exclusiv de la tastatură, fără mouse, de la primul câmp până la mesajul de confirmare. Apoi greșește intenționat un câmp și vezi dacă înțelegi ce s-a întâmplat fără să te uiți la culori.

Ce prind instrumentele automate și ce nu

O nuanță importantă înainte de a te baza pe un raport verde.

Ce prind

  • Contrast insuficient.
  • Text alternativ lipsă.
  • Etichete lipsă la formulare.
  • Limba paginii nedeclarată.
  • Ierarhie de titluri greșită.
  • Cod nevalid, roluri incorecte.

Ce nu pot prinde

  • Dacă textul alternativ e corect. Un instrument vede că atributul există; nu poate ști dacă poza1 descrie imaginea.
  • Dacă ordinea de parcurgere are sens. Verifică doar că elementele sunt accesibile, nu că ordinea e logică.
  • Dacă un mesaj de eroare e util.
  • Dacă un parcurs complet e realizabil de la tastatură.
  • Dacă un titlu descrie efectiv secțiunea.

Proporția

Instrumentele automate identifică, în general, în jur de o treime din problemele reale de accesibilitate. Un raport fără erori nu înseamnă un site accesibil — înseamnă că nu ai probleme din categoria detectabilă automat.

Testarea manuală rămâne obligatorie, și cea mai eficientă parte a ei durează două minute: parcurgerea de la tastatură.

Ce am găsit pe propriul nostru site

Am aplicat același proces pe digital-art.ro când l-am refăcut. Ce am schimbat, concret:

  • Meniul mobil — refăcut ca panou care reține focalizarea, se închide cu Esc și readuce focalizarea pe butonul care l-a deschis. Vechea implementare era o capcană de tastatură.
  • Legăturile „moarte” din meniu — categoriile părinte erau legături către #, focalizabile și anunțate ca legături care nu duceau nicăieri. Au devenit etichete de grup, care e semantica corectă.
  • Întrebările frecvente — construite ca elemente native de tip acordeon, operabile de la tastatură din start, în locul unei implementări pe scripturi.
  • Limba paginii — site-ul vechi declara engleza. E declarată acum româna, ceea ce schimbă și pronunția în cititoarele de ecran.
  • Mișcarea — toate animațiile respectă preferința de sistem pentru reducerea mișcării.
  • Legătura „Sari la conținut” — adăugată, vizibilă la prima apăsare de Tab.
  • Contrastul — paleta a fost reconstruită ca sistem de valori cu roluri definite, verificate, în loc de nuanțe alese punctual.

Am publicat rezultatul în declarația noastră de accesibilitate, inclusiv ce nu e încă perfect.


Dacă vinzi online și nu ai verificat încă unde stai, începe cu testul de tastatură din articol — durează două minute și îți spune imediat dacă ai o problemă.

Pentru un audit complet sau pentru remediere, scrie-ne. Verificăm site-ul, îți dăm lista de probleme în ordinea priorității și un termen realist pentru fiecare.

Citește mai departe: Cum arată un site de prezentare modern și responsive și Cookie banner și Consent Mode v2.

Scrie-ne pe WhatsApp(se deschide într-o filă nouă)