# Widget accesibilitate WCAG

> Widget de accesibilitate WCAG 2.1 AA pentru conformitate EAA și Legea 232/2022. Profiluri vizuale, TTS, navigare tastatură. Instalare 15 minute. 49 EUR/lună.

# Widget accesibilitate web — conformitate WCAG 2.1 AA, EAA și Legea 232/2022


*Widget de accesibilitate plug & play care adaugă controale de accesibilitate pe fiecare pagină a site-ului tău — fără redesign, fără rescrierea codului existent. Profiluri pentru utilizatori cu vedere slabă, ADHD, dificultăți cognitive sau motorii. Motor TTS integrat pentru citirea conținutului. Ajustări vizuale (contrast, font, spațiere). Navigare prin tastatură cu cursor mărit și mască de citire. Instalare &icirc;n sub 15 minute prin adăugarea unui singur snippet JavaScript. Conform WCAG 2.1 AA, EAA 2025 și Legea 232/2022. **49 EUR/lună fără TVA**, un preț unic care include totul.*


 


## De ce ai nevoie de un widget de accesibilitate web &icirc;n 2026


Din 28 iunie 2025, accesibilitatea digitală este obligatorie &icirc;n Rom&acirc;nia pentru magazine online, platforme de servicii și instituții publice. Legea 232/2022 transpune Directiva UE 2019/882 (European Accessibility Act) și impune conformitate cu standardul WCAG 2.1 nivel AA.


Un widget de accesibilitate web este una dintre cele mai rapide metode de a face un prim pas vizibil către conformitate. Nu &icirc;nlocuiește un audit complet, dar oferă imediat controale practice pentru vizitatorii cu dizabilități vizuale, motorii sau cognitive — și reduce expunerea la riscuri legale.


**Ce aduce widget-ul organizației tale:**


**Reducerea riscului legal.** Faci un pas concret și documentabil către accesibilitate, reduc&acirc;nd expunerea la amenzi &icirc;ntre 6.000 și 12.000 lei din partea ADR (Autoritatea pentru Digitalizarea Rom&acirc;niei). Plus, generezi automat declarația de accesibilitate obligatorie conform Legii 232/2022.


**Integrare plug & play.** Un singur script JS &icirc;n footer — widget-ul apare automat pe fiecare pagină. Fără redesign, fără modificări de cod, fără atingere pe baza de date. Sub 15 minute de la cumpărare la widget live pe site.


**Acces real pentru utilizatorii cu dizabilități.** 15% din populație are dizabilități permanente conform datelor UE. Mulți alți utilizatori temporar limitați (după operație, accident, oboseală cronică). Widget-ul le oferă instrumente concrete să-ți parcurgă site-ul confortabil.


**Semnale SEO pozitive.** C&acirc;nd utilizatorii pot citi și naviga mai ușor, metricile de utilizare se &icirc;mbunătățesc — bounce rate scade, timp on page crește, conversiile cresc. Google și alte motoare interpretează aceste semnale pozitiv pentru poziționare.


**Demonstrație de profesionalism.** Site-urile cu widget de accesibilitate vizibil comunică maturitate și respect pentru toți vizitatorii. Important pentru reputația brandului tău &icirc;n 2026.


## Funcționalitățile incluse &icirc;n widget


Un set complet de controale care ajută utilizatorii cu dificultăți vizuale, motorii sau cognitive să parcurgă conținutul site-ului tău. Toate funcționalitățile sunt incluse &icirc;n prețul fix de 49 EUR/lună.


**Profiluri de accesibilitate predefinite**


Presetări configurate pentru categorii principale de utilizatori cu dizabilități:




- **Profil vedere slabă** — text mărit, contrast ridicat, font lizibil

- **Profil dislexie** — font OpenDyslexic, spațiere crescută &icirc;ntre litere și r&acirc;nduri, evidențiere linie curentă

- **Profil ADHD** — mască de citire pentru focus pe un singur r&acirc;nd, eliminare animații, reducere zgomot vizual

- **Profil dificultăți cognitive** — interfață simplificată, evidențiere link-uri și butoane, text plain

- **Profil deficiențe motorii** — cursor mărit, target-uri click mai mari, navigare optimizată tastatură



Vizitatorul &icirc;și adaptează interfața dintr-un singur click, fără a naviga prin setări complicate. Setările se salvează &icirc;n browserul utilizatorului (localStorage) pentru sesiuni viitoare.


**Cititor de ecran (Text-to-Speech)**


Motor TTS integrat care citește pagini &icirc;ntregi sau text selectat. Folosește Web Speech API nativ al browserului plus voci premium opționale pentru limba rom&acirc;nă.




- Citește text selectat la cerere

- Citește pagină &icirc;ntreagă cu un click

- Pause, resume, stop disponibile permanent

- Reglare viteză citire (0,5x — 2x)

- Selecție voce rom&acirc;nă (Microsoft, Google sau premium ElevenLabs)

- Marker vizual pe textul citit pentru sincronizare



Sprijină utilizatorii cu deficiențe vizuale parțiale, dislexie, sau care preferă audio-ul.


**Ajustări vizuale și contrast**


Vizitatorii pot modifica vizualul fără să afecteze design-ul tău original:




- **Dimensiune font:** 4 niveluri (normal, +25%, +50%, +75%)

- **Spațiere &icirc;ntre r&acirc;nduri:** 3 niveluri pentru lizibilitate

- **Spațiere &icirc;ntre litere:** pentru dislexie

- **Font lizibil:** schimb la OpenDyslexic sau Atkinson Hyperlegible

- **Moduri contrast:**


- Dark Mode (fundal &icirc;nchis, text deschis)

- Light Mode (fundal alb pur, text negru pur)

- Contrast &Icirc;nalt (combinație negru/alb/galben)

- Monocrom (eliminare culori, doar nuanțe gri)

- Inversare culori (pentru utilizatori cu fotosensibilitate)





- **Subliniere link-uri** pentru distincție clară de text normal

- **Evidențiere titluri** cu border și background



**Navigare prin tastatură și focus vizibil**


Esențial WCAG 2.1 pentru persoanele cu deficiențe motorii sau utilizatori screen reader:




- **Cursor mărit** (200%, 400%, 600% mărime) pentru localizare ușoară

- **Mască de citire** care ascunde tot conținutul, lăs&acirc;nd doar r&acirc;ndul curent vizibil

- **Ghid vizual orizontal** care urmărește cursorul pentru tracking ușor

- **Focus visible &icirc;mbunătățit** — toate elementele interactive primesc border vizibil clar la focus tastatură

- **Tastatură virtuală** pentru interacțiunea cu formularele fără mouse fizic

- **Salt rapid la conținut principal** cu shortcut keyboard

- **Listă landmark-uri** pentru navigare semantică (header, nav, main, footer)



**Declarație de accesibilitate auto-generată**


Conform Legea 232/2022, fiecare site trebuie să publice o declarație de accesibilitate. Widget-ul generează automat declarația cu:




- Status conformitate WCAG 2.1 AA

- Lista funcționalităților oferite prin widget

- Contact pentru reclamații accesibilitate

- Data ultimei verificări

- Engagement-ul tău pentru &icirc;mbunătățire continuă



Declarația se actualizează automat la fiecare schimbare a configurației widget-ului. Tu o publici la `/declaratia-de-accesibilitate/` pe site.


**Monitorizare lunară de conformitate**


Sistemul monitorizează lunar starea site-ului tău:




- Scan automat al paginilor principale

- Detectare regresii (probleme noi care apar)

- Raport lunar trimis pe email cu evoluție

- Alertă imediată pentru probleme critice

- Recomandări concrete de remediere



####  


## Compatibilitate și integrare &icirc;n 15 minute


Widget-ul funcționează nativ cu toate platformele majore:




- **WordPress** (toate versiunile 5.5+)

- **WooCommerce** (e-commerce WordPress)

- **Shopify** (e-commerce)

- **OpenCart** (e-commerce)

- **Magento** (e-commerce enterprise)

- **PrestaShop** (e-commerce)

- **Laravel** (aplicații custom)

- **Symfony** (aplicații custom)

- **Astro, Next.js, Nuxt.js** (frameworks moderni)

- **Wix, Squarespace, Webflow** (builders)

- **Orice site HTML/CSS/JavaScript**



**Cum se instalează:**


Adaugi un singur snippet JavaScript &icirc;nainte de tag-ul de &icirc;nchidere `</body>`:






 

 




html

`<script>
  window.AccessibilityWidgetConfig = {
    apiKey: "API_KEY_AICI",
    brandName: "Numele Brandului Tău",
    lang: "ro",
    position: "bottom-right" // sau bottom-left, top-right, top-left
  };
</script>
<script src="https://accessibility.websimplu.ro/widget-loader.js" defer></script>`


**Pașii concreți:**




- **Cumpărare și obținere API key** (5 minute) — alegi planul, primești prin email API key-ul unic pentru site-ul tău

- **Adăugare snippet &icirc;n site** (5 minute) — copy-paste &icirc;n footer sau &icirc;nainte de `</body>`

- **Personalizare opțională** (5 minute) — culoare buton, poziție, lista profiluri active, limbă



**Pentru WordPress:** alternativă plugin oficial — instalezi din admin, introduci API key, gata. Documentație detaliată la [https://websimplu.ro/docs/widget-accesibilitate/](https://websimplu.ro/docs/widget-accesibilitate/)


**Pentru e-commerce platforms:** integrare prin theme customization sau snippet &icirc;n template. Documentație pentru fiecare platformă.


**Pentru site-uri custom:** snippet-ul funcționează pe orice HTML. Zero dependențe externe, &icirc;ncarcare asincronă cu `defer`, fără impact asupra Core Web Vitals.


Timp total de la cumpărare la widget activ: **sub 15 minute**.


####  


## Widget vs audit accesibilitate — ce alegi


Widget-ul și auditul sunt soluții complementare, nu alternative. Iată diferența clară:






Criteriu
Widget accesibilitate
Audit accesibilitate




**Ce rezolvă**
Controale imediate pentru vizitatori
Probleme structurale din cod


**Acoperire WCAG**
Ajustări vizuale, navigare, TTS
60-80% prin verificare automată plus review manual


**Timp implementare**
Sub 15 minute
1-7 zile lucrătoare


**Tip plată**
Subscription recurent (49 EUR/lună)
One-time (199-699 EUR)


**Necesar modificări cod**
Nu
Da, pe baza recomandărilor raportului


**Documentație legală**
Declarație auto-generată
Raport JSON + PDF, plus VPAT și EN 301 549 pe Pro


**Ideal pentru**
Prim pas rapid spre conformitate
Evaluare completă plus plan remediere




**Recomandarea noastră:** strategia optimă pentru conformitate completă:




- **Săptăm&acirc;na 1:** instalezi widget-ul (49 EUR/lună) pentru protecție vizibilă imediată

- **Luna 1:** comanzi audit ([Audit accesibilitate Express, Standard sau Pro](https://websimplu.ro/solutii/audit-accesibilitate/)) pentru diagnostic structural

- **Lunile 2-6:** implementezi remedierea conform planului prioritar din raportul de audit

- **Anual:** re-audit pentru verificare conformitate continuă, plus monitorizarea lunară a widget-ului



Widget-ul singur nu rezolvă problemele structurale din cod (lipsă alt text, headings incorecte, contraste insuficiente la nivel CSS). Auditul singur nu oferă controale pentru utilizatori &icirc;n timp real. Combinația rezolvă ambele.


####  


## Cadrul legal — obligațiile tale din 28 iunie 2025


**Legea 232/2022 transpune Directiva UE 2019/882 (European Accessibility Act) și se aplică din 28 iunie 2025 pentru:**




- Magazine online (e-commerce B2B și B2C cu cifră de afaceri peste 2 milioane EUR)

- Platforme de servicii digitale (banking, transport, telecomunicații)

- Instituții publice (administrație centrală și locală, sănătate, educație)

- Site-uri cu funcționalități interactive (formulare contact, conturi utilizator, comenzi online, plăți)



**Standardul tehnic obligatoriu:** WCAG 2.1 nivel AA, completat pentru documentația publică cu EN 301 549 (standardul european).


**Cine monitorizează:** Autoritatea pentru Digitalizarea Rom&acirc;niei (ADR). Sesizările pot fi făcute de:




- Persoane cu dizabilități care &icirc;nt&acirc;mpină bariere

- Asociații pentru drepturile persoanelor cu dizabilități

- Auto-sesizare ADR

- Comisia Europeană pentru instituțiile publice



**Sancțiunile pentru neconformitate:**




- Amenzi &icirc;ntre 6.000 și 12.000 lei aplicate de ADR

- Sesizări formale către Comisia Europeană pentru instituțiile publice

- Excluzi 15% din populație de la accesul la serviciile tale

- Risc reputațional la procedurile SEAP și de achiziții publice



**Cum te protejează widget-ul:**




- Demonstrează **efort activ de conformitate** documentabil

- Oferă **controale reale** vizitatorilor, nu doar declarații pe h&acirc;rtie

- Generează **declarația de accesibilitate** obligatorie conform legii

- Funcționează ca **prima linie de apărare** &icirc;n cazul unei sesizări

- Reduce expunerea la amenzi prin demonstrarea bunei credințe



**Important:** widget-ul nu garantează conformitatea WCAG completă (asta necesită și remediere structurală a codului). Dar oferă protecție imediată plus instrumente reale pentru utilizatori — diferență mare față de site-urile fără nicio măsură.


####  


## Conformitate GDPR și protecția datelor


Widget-ul este conform Regulamentul UE 2016/679 (GDPR) și Legea 190/2018:


**Nu colectează date personale identificabile** ale vizitatorilor. Nu cere email, nume, telefon, sau alte informații personale.


**Preferințele utilizatorului sunt stocate local** &icirc;n browserul utilizatorului (localStorage), nu pe serverele noastre. Asta &icirc;nseamnă:




- Setările sunt persistente &icirc;ntre sesiuni pe același device

- Nu există transfer cross-border al datelor utilizatorilor

- Utilizatorul poate șterge setările prin clear browser data



**Statistici de utilizare** colectăm doar agregate, anonimizate:




- C&acirc;ți utilizatori activează widget-ul (număr, fără identificare)

- Care funcționalități sunt cele mai folosite (anonim)

- Pe ce paginile e activat (URL-uri, fără date utilizator)



**Cookie banner integrat (opțional)** dacă alegi să afișezi politica de cookies prin widget. Conform Directiva ePrivacy.


**Data residency UE.** Toate datele agregate sunt procesate pe servere din Uniunea Europeană.


**DPA disponibil la cerere** pentru clienții care necesită documentația oficială pentru audit GDPR intern.


 


## Preț fix 49 EUR/lună — tot ce include


Fără pachete, fără upgrade-uri, fără funcționalități blocate. Un singur preț, totul inclus:


**&Icirc;n prețul de 49 EUR/lună fără TVA primești:**


**Funcționalități widget complete:**




- ✓ Toate cele 5 profiluri de accesibilitate (vedere slabă, dislexie, ADHD, cognitiv, motor)

- ✓ Motor Text-to-Speech (TTS) cu voci rom&acirc;nă

- ✓ Toate ajustările vizuale (font, contrast, spațiere, dark mode)

- ✓ Navigare prin tastatură (cursor mărit, mască, ghid vizual)

- ✓ Tastatură virtuală pentru formulare

- ✓ Declarație de accesibilitate auto-generată



**Servicii incluse:**




- ✓ Monitorizare lunară de conformitate cu raport email

- ✓ Suport tehnic prin email (răspuns &icirc;n 48 ore)

- ✓ Actualizări continue cu noi funcționalități

- ✓ Documentație tehnică completă

- ✓ Acces 1 domeniu (websimplu.ro și subdomeniile incluse)



**Conformitate și legal:**




- ✓ Conform WCAG 2.1 AA

- ✓ Conform EAA (European Accessibility Act)

- ✓ Conform Legea 232/2022 (Rom&acirc;nia)

- ✓ Conform EN 301 549 (standard tehnic UE)

- ✓ Conform GDPR și Legea 190/2018

- ✓ Suport pentru dosare ADR la cerere



**Opțiuni de plată:**




- Transfer bancar (OP) pentru firme — factură conformă ANAF e-Factura, termen plată 7 zile



**Discount plată anuală:** 490 EUR/an (echivalent 2 luni gratuite, ~17% reducere față de plata lunară 588 EUR/an).


**Multi-site sau agenții:** dacă gestionezi mai multe site-uri sau ești agenție web care vrea să rev&acirc;ndă widget-ul către clienții tăi, contactează-ne pentru pricing dedicat: [contact@websimplu.ro](mailto:contact@websimplu.ro)


####  


### &Icirc;ntrebări frecvente


**Widget-ul modifică designul site-ului meu?** Nu. Widget-ul se adaugă ca un strat de control peste paginile existente. Nu modifică tema, layout-ul sau structura conținutului — funcționează independent de designul curent. Doar utilizatorii care activează widget-ul văd modificările, restul vizitatorilor văd site-ul tău așa cum e.


**Este widget-ul suficient pentru conformitate WCAG completă?** Nicio unealtă singură nu poate garanta conformitatea WCAG totală. Widget-ul acoperă o parte importantă din cerințele practice de accesibilitate (controale pentru utilizatori) și sprijină eforturile de aliniere la WCAG 2.1 AA. Pentru o evaluare completă a problemelor structurale din cod, recomandăm și un [audit de accesibilitate](https://websimplu.ro/solutii/audit-accesibilitate/) (199-699 EUR one-time).


**C&acirc;t durează integrarea widget-ului pe site?** Un dezvoltator poate adăuga și testa scriptul &icirc;n sub 15 minute. Pentru WordPress și platforme similare, există plugin dedicat care reduce timpul la 5 minute. Pentru setări complexe sau platforme custom, echipa noastră oferă ghidare la implementare (incluse &icirc;n suport).


**Ce se &icirc;nt&acirc;mplă dacă gestionez mai multe site-uri?** Licența standard de 49 EUR/lună acoperă 1 domeniu plus subdomeniile sale (de exemplu, exemplu.ro plus magazin.exemplu.ro plus blog.exemplu.ro). Dacă gestionezi mai multe site-uri separate sau conduci o agenție web care vrea să integreze widget-ul pentru clienții ei, contactează-ne pentru opțiuni multi-site cu discount.


**Ce diferență e &icirc;ntre widget și audit?** Widget-ul oferă controale imediate pentru utilizatori (fonturi, contrast, TTS, navigare tastatură) și se plătește lunar (49 EUR). Audit-ul verifică codul sursă al site-ului și identifică probleme structurale, livrat ca raport one-time (199-699 EUR). Cele două se completează: widget-ul rezolvă rapid nevoile vizitatorilor, audit-ul rezolvă fundamentele tehnice.


**Este widget-ul conform GDPR?** Da. Widget-ul nu colectează date personale identificabile ale vizitatorilor. Preferințele de accesibilitate sunt stocate local &icirc;n browserul utilizatorului (localStorage), nu pe serverele noastre. Statisticile de utilizare sunt agregate și anonimizate.


**Funcționează widget-ul pe mobile?** Da, responsive complet. Pe ecrane mici, butonul de activare apare &icirc;n colț (configurabil poziție), iar panoul de setări se adaptează automat la dimensiunea ecranului. Toate funcționalitățile (profiluri, ajustări, TTS, navigare) funcționează pe mobile.


**Afectează widget-ul viteza site-ului meu?** Impact minim. Snippet-ul se &icirc;ncarcă asincron cu atribut `defer`, ceea ce &icirc;nseamnă că nu blochează randarea paginii. Resursele widget-ului (CSS, JS, fonturi accesibilitate) se &icirc;ncarcă doar c&acirc;nd utilizatorul activează widget-ul, nu la fiecare page load. Core Web Vitals (LCP, CLS, INP) răm&acirc;n neafectate.


**Pot anula oric&acirc;nd abonamentul?** Da, fără penalizări. Anularea intră &icirc;n vigoare la finalul ciclului de facturare curent (lunar sau anual). Widget-ul răm&acirc;ne activ p&acirc;nă la data respectivă. După anulare, snippet-ul nu mai funcționează — vizitatorii nu vor mai vedea butonul de accesibilitate pe site.


**Ce se &icirc;nt&acirc;mplă dacă găsim probleme cu widget-ul?** Suport tehnic prin email cu răspuns &icirc;n 48 ore. Pentru probleme critice (widget nu se &icirc;ncarcă, conflict cu alt plugin), prioritate maximă. Plus, actualizările continue rezolvă probleme descoperite și adaugă funcționalități noi gratuit pe durata abonamentului.


**Putem personaliza widget-ul cu brand-ul nostru?** Da. Configurezi din snippet:




- Numele brandului afișat &icirc;n declarația de accesibilitate

- Culoarea principală (color picker plus hex)

- Poziția butonului (4 colțuri)

- Iconul widget (default sau custom)

- Limba interfeței (rom&acirc;nă, engleză, plus alte 4 limbi)



**Suportă widget-ul site-uri multi-language?** Da. Detectează automat limba paginii (`<html lang="ro">`, `lang="en">`, etc.) și se adaptează. Suportă: rom&acirc;nă, engleză, germană, franceză, italiană, spaniolă. TTS folosește vocea corespunzătoare limbii.


**Cum activez widget-ul pe site-ul construit cu WebSimplu?** Dacă site-ul tău e construit de WebSimplu (Astro, Laravel, WordPress, etc.), integrarea e și mai rapidă — adăugăm noi snippet-ul &icirc;n template. Includem activarea &icirc;n prima ta plată lunară, fără cost suplimentar de instalare.


####  


### **Activează widget-ul de accesibilitate acum**


Site-ul tău conform WCAG 2.1 AA &icirc;n mai puțin de 15 minute. Plată lunară 49 EUR sau 490 EUR/an cu 2 luni gratuite. Anulare oric&acirc;nd fără penalizări.


 


#### Soluții complementare


**
**Pentru conformitate completă WCAG și EAA:**




- **[Audit accesibilitate](https://websimplu.ro/solutii/audit-accesibilitate/)** — diagnostic structural cu 182 verificări, de la 199 EUR one-time

- **[Conformitate EAA](https://websimplu.ro/servicii/conformitate-eaa/)** — consultanță și implementare remediere completă

- **[Creare site accesibil](https://websimplu.ro/servicii/creare-site-prezentare/)** — site nou cu WCAG 2.1 AA implementat din start

---

Source: https://websimplu.ro/widget-accesibilitate-wcag/
Format: markdown mirror al continutului HTML, pentru AI/LLM extraction si indexare.
