Ce face widgetul
Widgetul WCAG.RO adaugă pe site un buton discret de accesibilitate. La click, se deschide un panou din care vizitatorul poate ajusta modul în care percepe și operează site-ul — de la mărimea textului și contrast până la oprirea animațiilor și evidențierea linkurilor. Preferințele se salvează local și se aplică automat la vizitele următoare.
Profiluri predefinite
| Profil | Pentru cine | Ce activează |
|---|---|---|
| 👁️ Deficiențe de vedere | Vedere scăzută, sensibilitate la lumină | Text mărit, contrast crescut, cursor mare, saturație ajustabilă |
| 🧠 Cognitiv | Dislexie, ADHD, dificultăți de concentrare | Font lizibil, spațiere mărită, mască de citire, oprirea animațiilor |
| 🤚 Motor | Tremor, mobilitate redusă | Ținte mărite, navigare completă de la tastatură, eliminarea acțiunilor pe timp |
| 👂 Auditiv | Hipoacuzie | Evidențierea conținutului vizual alternativ, oprire autoplay audio |
Ajustări individuale
- Text: mărime (până la 200%, conform WCAG 1.4.4), spațiere între litere și rânduri (1.4.12), font pentru dislexie, aliniere;
- Culori: contrast ridicat, mod întunecat, mod monocrom, inversare culori (1.4.3, 1.4.11);
- Navigare: evidențiere linkuri și focus (2.4.7), cursor mărit, ghid de citire, structura paginii într-un cuprins navigabil (2.4.1);
- Mișcare: oprirea animațiilor și a conținutului care clipește (2.2.2, 2.3.1);
- Sunet: oprire autoplay (1.4.2).
Performanță și confidențialitate
Scriptul are sub 40 KB comprimat, se încarcă asincron și este servit prin CDN european — nu afectează Core Web Vitals. Preferințele rămân în browserul vizitatorului; widgetul nu colectează date personale și nu folosește cookie-uri de urmărire.
Important și onest: widgetul rezolvă cerințele controlabile de utilizator, dar conformitatea completă presupune și corecturi în structura site-ului (alt text, etichete, structura titlurilor). Pentru acestea există scannerul și raportul de conformitate.