HTML semantic
Titluri, liste, butoane și zone ale paginii marcate corect, ca un cititor de ecran să poată sări direct la ce caută omul.
Site accesibil · accesibilitate web
Site accesibil: un site pe care îl poate folosi oricine.
Clienți care văd slab, care nu pot folosi mouse-ul sau care citesc pe telefon în soare. Un site accesibil îi lasă pe toți să afle ce faci și să te contacteze.
Un site accesibil poate fi folosit și de oameni cu deficiențe de vedere, de auz sau de mișcare: cu tastatura, cu un cititor de ecran sau cu textul mărit. Toate site-urile noi pe care le fac sunt construite așa: HTML semantic, contrast suficient, navigare cu tastatura, texte alternative pentru imagini, fonturi ușor de citit și formulare clare. Pentru un site existent fac o verificare a accesibilității și îți dau o listă de corecturi.
De ce contează accesibilitatea
Pentru că s-a schimbat legea. Directiva europeană 2019/882, numită Actul european privind accesibilitatea, se aplică de la 28 iunie 2025 multor produse și servicii, printre care și comerțul electronic către consumatori. În România a fost transpusă prin Legea nr. 232/2022 privind cerințele de accesibilitate aplicabile produselor și serviciilor. Nu sunt avocat: îți explic partea tehnică, iar obligațiile tale concrete le verifici cu un avocat.
Pentru că mulți clienți au nevoie de asta fără să spună. Oameni în vârstă care măresc textul, cineva cu mâna în ghips, cineva care nu deosebește roșul de verde. Dacă butonul de contact nu se vede sau formularul nu se poate completa, pleacă fără să te anunțe.
Și pentru că un site accesibil e de obicei și un site mai bun. Structura clară pe care o citește un cititor de ecran o citește și Google. Contrastul bun ajută pe oricine se uită la telefon în soare, iar formularele clare se completează mai repede.
Ce fac concret
Contrast și fonturi
Text suficient de contrastant față de fundal, fonturi ușor de citit și pagini care rămân în regulă când textul e mărit.
Navigare cu tastatura
Fiecare meniu, buton și formular se poate folosi doar cu tastatura, cu un contur vizibil pe elementul activ.
Texte alternative
Imaginile care transmit ceva au o descriere scurtă. Cele doar decorative sunt ascunse pentru cititoarele de ecran.
Formulare clare
Fiecare câmp are o etichetă, iar erorile sunt explicate în cuvinte, nu doar cu o culoare roșie.
Mișcare redusă și declarație
Animațiile se opresc pentru cine a cerut asta în setările telefonului. Site-ul primește o pagină cu declarația de accesibilitate.
Cât costă
Accesibilitatea e inclusă în fiecare site nou, fără cost în plus. Verificarea unui site existent o fac după ce mă uit la el, pentru că depinde de mărimea și de felul în care e construit: îți spun prețul fix înainte. Dacă site-ul vechi are prea multe probleme, de multe ori un site nou e varianta mai simplă:
| Serviciu | Preț | Ce primești |
|---|---|---|
| Site Essential accesibil (1 pagină, cu texte) | 999 €≈ 5.270 lei | O pagină cu până la 12 secțiuni, construită accesibil de la început, cu declarație de accesibilitate. |
| Site Business, accesibil | 1.499 €≈ 7.910 lei | Până la 10 pagini, accesibile de la început, cu profil Google Business și e-mail pe domeniu. |
| Magazin online, accesibil | de la 1.999 €≈ 10.550 lei | Coș, comandă și formulare care merg și cu tastatura și cu cititorul de ecran. |
Accesibil din cod, widget sau nimic
Trei feluri în care se tratează accesibilitatea pe site-urile mici:
| Accesibil din cod (RAGANA Studio) | Widget de accesibilitate | Nimic făcut | |
|---|---|---|---|
| Cititor de ecran | Structură corectă, butoane cu nume | Codul de dedesubt rămâne același | Des greu de folosit |
| Tastatură | Tot site-ul, cu focus vizibil | Depinde de site, nu de widget | Des blocat în meniuri |
| Formulare | Etichete și erori explicate în cuvinte | Nu se schimbă | Des fără etichete |
| Cost | Inclus în site-urile noi | Des abonament lunar | Zero, până apare o problemă |
| Viteză | Fără scripturi în plus | Încă un script la fiecare încărcare | Neschimbată |
| Declarație de accesibilitate | Inclusă | Des lipsă | Lipsă |
Cum verific un site existent
1. Trimite-mi linkul
Mă uit la site și îți spun cât costă verificarea completă.
2. Verificarea
Teste automate, apoi verificare manuală: navighez doar cu tastatura, cu un cititor de ecran și cu textul mărit.
3. Lista de corecturi
Primești o listă clară, pe priorități: ce e grav, ce e mărunt, ce se repară repede.
4. Corecturi sau site nou
Corectez site-ul existent sau, dacă e mai simplu, construiesc unul nou, accesibil de la început.
5 greșeli frecvente la accesibilitate
Un widget în loc de cod corect
Butoanele care promit accesibilitate dintr-un clic schimbă culori și mărimi peste site, dar nu repară codul de dedesubt. Un formular fără etichete rămâne fără etichete. Problemele se rezolvă în site, nu peste el.
Text gri deschis pe alb
Arată elegant pe un ecran bun, într-o cameră întunecată. Pe un telefon în soare sau pentru cineva care vede slab devine greu de citit. Contrastul se poate măsura, nu e o chestiune de gust.
Iconițe fără nume
O lupă, un coș, un meniu cu trei linii. Cine vede le recunoaște, dar un cititor de ecran spune doar „buton”. Fiecare buton are nevoie de un nume, chiar dacă nu se vede pe ecran.
Conturul de focus eliminat
Multe site-uri ascund conturul care arată unde ești când navighezi cu tastatura, pentru că nu arată bine. Fără el, cine folosește tastatura nu știe unde se află pe pagină.
Doar testul automat
Instrumentele automate găsesc o parte din probleme, nu pe toate. Nu știu dacă un text alternativ are sens sau dacă ordinea la tastatură e logică. Verificarea manuală e necesară.
Întrebări frecvente
Mi se aplică legea și mie?
Depinde de ce vinzi, cui și de mărimea firmei. Magazinele online și serviciile prin care un consumator încheie un contract online sunt vizate în primul rând. Microîntreprinderile care prestează servicii, adică sub 10 angajați și cifră de afaceri anuală sau bilanț de cel mult 2 milioane €, sunt scutite. Pentru situația ta concretă, întreabă un avocat.
Ce standard folosești?
Standardul tehnic folosit de obicei este EN 301 549, care trimite la WCAG 2.1, nivelul AA. Există și WCAG 2.2, mai nou, cu câteva criterii în plus. Site-urile mele noi țintesc WCAG 2.1 AA și țin cont și de criteriile din 2.2.
Un site accesibil arată altfel?
Nu neapărat. Poate fi la fel de modern. Diferența e mai ales în cod, în contrast și în felul în care se comportă butoanele și formularele.
Ce e declarația de accesibilitate?
O pagină care spune cât de accesibil e site-ul, ce nu e încă accesibil și cum te poate contacta cineva care are o problemă. O scriu pentru fiecare site nou.
Cine verifică respectarea legii în România?
Pentru site-uri și comerț electronic, Legea 232/2022 dă controlul Autorității pentru Digitalizarea României, iar pentru alte produse și servicii, altor autorități. Legea prevede și amenzi. Pentru obligațiile tale concrete, întreabă un avocat.
Dacă sunt microîntreprindere, mai merită?
Da, dacă vrei ca toți clienții să-ți poată folosi site-ul. Scutirea te scapă de obligație, nu de clienții care văd slab sau folosesc tastatura. La site-urile noi nu costă nimic în plus.
Creare magazin onlineSite de prezentareCreare landing pageProfil Google BusinessRecenzii GoogleMeniu digitalSEO localSEO TimișoaraVizibilitate în ChatGPT și AISite rapid, PageSpeed 90+Creare logo și identitate vizualăProgramări online pe siteSite WordPress sau site propriu?Garanțiile meleÎngrijire lunarăClipuri video pentru firmeCalculator de preț cu comandăReclame Facebook și GoogleSite în mai multe limbiTexte SEO pentru siteE-mail pe domeniu propriuRefacere site
Scris de Raul Gabriel Nagy
Fondatorul RAGANA Studio, web designer din 2009. Construiesc site-uri și magazine online pentru firme din România, Ungaria, Austria și Germania, și am propriul magazin online, raganadesign.shop. Povestea mea →
Actualizat:Vrei să știi cât de accesibil e site-ul tău?
Trimite-mi linkul. Mă uit la el și îți spun ce ar trebui verificat și cât costă. Îți răspund în aceeași zi lucrătoare.