audit
Audit accesibilitate site instituție
Cum se desfășoară un audit complet — scanare automată, testare manuală a fluxurilor, mobil — și ce conține raportul.
Resursa #1 pentru accesibilitate WCAG în România
Accesibilitate web
pe înțelesul tuturor
WCAG 2.1, Legea 232/2022, OUG 112/2018 — tot ce trebuie să știți despre accesibilitatea digitală în România, explicat clar, cu soluții practice.
970.000
persoane cu dizabilități în România
78
criterii WCAG 2.1 de respectat
2025
termenul EAA — conformitate obligatorie
71%
abandonează site-urile inaccesibile
De ce contează
Accesibilitatea digitală — obligație legală și oportunitate
Din 2025, neconformitatea cu standardele de accesibilitate web atrage sancțiuni legale atât pentru entitățile publice, cât și pentru companii private.
Statistici cheie accesibilitate web România
- 970.000 Persoane cu dizabilități în România Date ANPD
- Amenzi pentru site-urile neconforme aplicabile atât instituțiilor publice, cât și companiilor private OUG 112/2018 · Legea 232/2022
- +35% trafic organic în plus pentru site-urile accesibile, mai ușor de înțeles de motoarele de căutare Google 2024
- 71% Rata de abandon a utilizatorilor cu dizabilități pe site-urile inaccesibile WebAIM 2023
Conformitate legală
Legea 232/2022 și OUG 112/2018 obligă organizațiile să asigure accesibilitatea digitală. Neconformarea atrage amenzi și riscuri reputaționale.
SEO mai bun
Structura semantică, atributele ARIA și viteza paginii influențează direct rankingul în Google. Un site accesibil este mai bine înțeles de motoarele de căutare.
Audiență completă
Peste 15% din populația Europei trăiește cu o formă de dizabilitate. Un site accesibil le deschide ușa acestor utilizatori — și afacerii dvs.
Cadrul legislativ
Legislația accesibilității digitale în România
De la Directiva europeană din 2016 la termenul EAA din 2025 — iată evoluția cadrului legal.
Din 28 iunie 2025 — conformarea EAA este obligatorie
-
OUG 112/2018
Directiva 2016/2102 · Sector public
aplicabilă 2019 -
Legea 232/2022
European Accessibility Act transpus în RO
public + privat -
EAA obligatoriu
Termen: 28 iunie 2025 · Sancțiuni active
⚠ Acum!
OUG 112/2018
Sector public
Ordonanța 112/2018
Transpune Directiva EU 2016/2102. Se aplică tuturor instituțiilor publice: ministere, primării, universități, spitale de stat, instanțe. Standard: WCAG 2.1 nivel AA.
Legea 232/2022
Public + Privat
Legea 232/2022
Transpune EAA (Directiva 2019/882). Extinde obligațiile la sectorul privat: e-commerce, banking, transport, telecomunicații. Termen de conformare: 28 iunie 2025.
Standard internațional
WCAG 2.1 — baza accesibilității web
Web Content Accessibility Guidelines 2.1 este standardul tehnic adoptat de W3C și de legislația europeană. Conține 78 de criterii de succes organizate pe 4 principii fundamentale.
Conformitatea la nivelul AA este cerința legală atât pentru OUG 112/2018, cât și pentru Legea 232/2022.
- Nivel A — 25 criterii minime, obligatorii
- Nivel AA — 38 criterii suplimentare, standard legal
- Nivel AAA — 15 criterii avansate, excelență
- 4 principii POUR — Perceptibil, Operabil, Inteligibil, Robust
Cum se verifică
Scanare automată vs. audit manual
Un scanner verifică paginile una câte una. Un audit manual parcurge fluxurile reale — și găsește exact problemele care îi blochează pe utilizatori.
Scanare automată
Verifică pagini individuale, una câte una. Rapidă, ieftină, repetabilă — ideală pentru monitorizare. Dar nu „folosește” site-ul: nu completează formulare și nu înțelege contextul.
- 1.1.1 Imagini fără text alternativ
- 1.4.3 Text cu contrast insuficient
- 3.1.1 Atributul
langlipsă - 4.1.2 Butoane fără nume accesibil
Criterii WCAG verificabile automat≈ 30–40%
Audit manual al fluxurilor
Un specialist parcurge sarcini reale cap-coadă, cu tastatura și cititorul de ecran — exact cum ar face un cetățean care depune o cerere online.
- Acasăpas 1
- Căutare serviciupas 2
- Formular cererepas 3
- Încărcare documentpas 4
- Plată onlinepas 5
- Confirmarepas 6
- 3.3.1 Eroarea „CNP invalid” apare doar în roșu și nu este anunțată
- 2.1.1 „Încarcă document” nu poate fi activat de la tastatură
- 2.2.1 Sesiunea de plată expiră fără avertizare
- 2.4.3 După trimitere focusul se pierde; confirmarea nu e anunțată
Automat + manualtoate criteriile aplicabile
Scanare + Audit manual = conformitate reală
Scannerul vă spune ce e greșit pe fiecare pagină. Auditul manual vă spune dacă un om chiar poate duce o sarcină la capăt. Toate cele 4 probleme din dreapta au trecut „curat” de scanarea automată.
Cum se face un audit de accesibilitate pentru un site de instituție
Laborator interactiv
Greșelile de accesibilitate, văzute cu ochii utilizatorului
Comparați varianta greșită cu cea corectă. Rulați simularea sau folosiți chiar dvs. tasta Tab în exemplele corecte.
Butoane fără nume accesibil și fără stare
Iconițele „lupă” și „hamburger” arată clar pentru cine vede ecranul, dar un cititor de ecran anunță doar „buton”. Iar un meniu care se deschide fără aria-expanded nu spune nimănui că s-a deschis. Criteriu: 4.1.2 Nume, rol, valoare (A).
✕ Greșitsimulare
Cititorul de ecran spune—
<!-- iconiță fără text alternativ --> <button><svg>…</svg></button> <button><svg>…</svg></button> <button onclick="toggle()">Servicii online</button>
✓ Corectinteractiv — folosiți Tab
Plată taxe locale · Programări · Registratură online
Cititorul de ecran spune—
<button aria-label="Caută"><svg aria-hidden="true"></button> <button aria-label="Meniu" aria-expanded="false" aria-controls="meniu">…</button> <button aria-expanded="false" aria-controls="servicii"> Servicii online</button>
Un div pe post de buton și un tabindex pozitiv
Un <div onclick> nu primește focus, deci utilizatorul de tastatură nu îl poate apăsa (2.1.1 Tastatură, A). Iar tabindex="1" pe un link din subsol îl face primul element din pagină, peste tot restul (2.4.3 Ordinea focusului, A).
✕ Greșitsimulare
Ce se întâmplă—
<a href="/">Acasă</a> <div class="btn" onclick="trimite()">Trimite cererea</div> <a href="/contact">Contact</a> <!-- în subsol --> <a href="/cookies" tabindex="1">Politica cookies</a>
✓ Corectinteractiv — folosiți Tab
Subsol · Politica cookies
Ce se întâmplă—
<a href="/">Acasă</a> <button type="button" onclick="trimite()">Trimite cererea</button> <a href="/contact">Contact</a> <!-- fără tabindex pozitiv: ordinea = ordinea din DOM --> <a href="/cookies">Politica cookies</a>
Regula simplă:
tabindex="0" adaugă un element personalizat în ordinea naturală, tabindex="-1" îl face focusabil doar prin script (ex. titlul unui modal), iar valorile pozitive (1, 2…) nu se folosesc niciodată.
Formular în care focusul sare haotic
Când ordinea din cod nu corespunde ordinii vizuale (câmpuri rearanjate din CSS sau cu tabindex), utilizatorul de tastatură ajunge din „Telefon” în „Prenume” și apoi pe „Trimite”, înainte să fi completat totul. Criteriu: 2.4.3 Ordinea focusului (A) și 1.3.2 Secvență semnificativă (A).
✕ Greșitsimulare
Cititorul de ecran spune—
<!-- etichete fără legătură + ordine forțată --> <span>Prenume</span> <input tabindex="2"> <span>Nume</span> <input tabindex="4"> <span>Telefon</span> <input tabindex="1"> <button tabindex="3">Trimite</button>
✓ Corectinteractiv — folosiți Tab
Cititorul de ecran spune—
<!-- ordinea din DOM = ordinea vizuală --> <label for="prenume">Prenume</label> <input id="prenume" autocomplete="given-name" required> <label for="nume">Nume</label> <input id="nume" autocomplete="family-name" required> … <button type="submit">Trimite</button>
Focus invizibil: outline: none sau un contur gri de 1px
Mulți designeri elimină conturul de focus pentru că „arată urât”. Rezultatul: utilizatorul de tastatură nu mai știe unde se află. Indicatorul trebuie să fie vizibil (2.4.7 Focus vizibil, AA) și să aibă un contrast de cel puțin 3:1 față de fundal (1.4.11 Contrast non-text, AA; WCAG 2.2 detaliază în 2.4.13).
✕ Greșitcontur #d8d8de · 1,3:1
Utilizatorul vede—
button:focus { outline: none; } /* sau */ button:focus { outline: 1px dotted #d8d8de; }
✓ Corectcontur #6f42bd · 6,6:1
Utilizatorul vede—
:focus-visible {
outline: 3px solid #6f42bd; /* 6,6:1 pe alb */
outline-offset: 3px;
}
Alegeți fundalul și culoarea indicatorului. Raportul se calculează live, după formula WCAG.
Fundal
Culoarea indicatorului de focus
Raport de contrast indicator / fundal
Soluția completă pentru accesibilitate web
Wawsome combină scannerul automat, widget-ul de accesibilitate și monitorizarea continuă — tot ce aveți nevoie pentru conformitate WCAG 2.1 și legală.
- Scanner WCAGAudit automat al site-ului, raport instant cu toate problemele WCAG 2.1
- Widget de accesibilitateModul complet instalabil în 5 minute pe orice site web
- Monitor continuuAlertă automată la apariția de noi probleme de accesibilitate
- Declarație de accesibilitateGenerată automat, conform cerințelor Legii 232/2022
Modul accesibilitate
Ce poate face un modul de accesibilitate web
Widgetul de accesibilitate adaptează în timp real interfața site-ului pentru fiecare utilizator, acoperind cele mai importante cerințe WCAG 2.1.
Contrast ridicat
Mărire automată a contrastului text/fundal pentru utilizatori cu deficiențe de vedere.
Font pentru dislexie
Activare OpenDyslexic și mărire spațiere pentru utilizatori cu dislexie.
Navigare tastatură
Acces complet prin tastatură pentru utilizatorii care nu pot folosi mouse-ul.
Text-to-Speech
Citire cu voce tare a conținutului pentru utilizatorii cu deficiențe vizuale.
Ghiduri pentru instituții
Ghiduri practice pentru site-urile publice
Obligații, audit, declarație de accesibilitate — explicate pas cu pas pentru primării, școli, spitale și autorități.
obligații
Obligații accesibilitate site public
Lista completă a obligațiilor pentru site-urile și aplicațiile instituțiilor publice, cu checklist interactiv.
primării
Accesibilitate site primărie: ce spune legea
Ce trebuie să respecte site-ul unei primării: Monitorul Oficial Local, formulare, plăți online, documente PDF.
declarație
Declarație de accesibilitate pentru site-ul instituției
Structura obligatorie, greșelile frecvente și un generator gratuit care vă scrie prima variantă.
WCAG
Site public WCAG: cerințele nivelului AA
Criteriile WCAG 2.1 AA care contează cel mai mult pe un site public, explicate cu exemple animate.
fundamente
Accesibilitate web: ghid complet
Ce înseamnă accesibilitatea web, cine are nevoie de ea, cum se testează și de unde începeți.
Verificați accesibilitatea site-ului dvs. acum
Scannerul automat Wawsome analizează site-ul și vă oferă un raport complet cu probleme WCAG 2.1 și soluții clare.
Scanează gratuit