Meniu de accesibilitate pentru website-ul tău, în doar o linie de cod.
ADV Accessibility Widget adaugă pe orice website un meniu de accesibilitate ușor de folosit, cu suport pentru limba română și engleză, font pentru dislexie, contrast, cursor mare, oprirea animațiilor și multe altele.
Widget-ul nu înlocuiește măsurile tehnice și editoriale pentru a atinge conformitatea WCAG, dar oferă utilizatorilor opțiuni suplimentare pentru a adapta afișarea conținutului la propriile nevoi.
Funcționalități principale
Widget-ul este gândit ca un ajutor vizual și de interacțiune pentru utilizatorii site-ului. Nu modifică structura codului, ci adaugă opțiuni de afișare la nivel de browser.
- Creșterea/scăderea dimensiunii textului.
- Evidențierea titlurilor (heading-uri).
- Evidențierea legăturilor (link-uri).
- Font dedicat pentru dislexie (OpenDyslexic).
- Spațiere suplimentară între litere și rânduri.
- Îngroșarea textului pentru lizibilitate mai bună.
- Mod „Contrast întunecat” pentru fundal închis.
- Mod „Contrast luminos” pentru fundal deschis.
- Contrast ridicat pentru text mai clar.
- Saturație ridicată sau redusă pentru culori.
- Mod monocrom (tonuri de gri).
- Ghid de lectură cu evidențierea zonei de citit.
- Oprirea animațiilor și a tranzițiilor vizuale.
- Cursor mare (săgeată mărită) pentru urmărirea mai ușoară.
- Buton pentru resetarea rapidă a tuturor setărilor.
- Interfață disponibilă în română și engleză.
- Selectarea limbii direct din panoul widget-ului.
- Detecție automată a limbii inițiale pe baza setărilor browserului.
- Preferințele utilizatorului sunt salvate local (în browser).
- Nu se trimit date către ADV sau către terți din acest widget.
- Nu sunt folosite cookie-uri suplimentare pentru funcționarea lui.
- Funcționează pe majoritatea CMS-urilor (WordPress, custom PHP, Laravel etc.).
- Este încărcat asincron (prin
defer), pentru a nu bloca website-ul. - Poate fi actualizat central, fără să modifici codul site-ului.
Cum se instalează
Procesul de instalare este identic pentru majoritatea site-urilor. Ai nevoie de acces la codul sursă, la un modul de „header/footer scripts” sau la o zonă custom HTML.
Copiază linia de mai jos și insereaz-o în paginile site-ului, preferabil înainte de
</body>:
<script src="https://widget.alaturidevoi.ro/js/accessibility-widget.js" defer></script>
Salvează și publică modificările în platforma pe care o folosești (WordPress, alt CMS sau site custom). Apoi reîncarcă pagina în browser (Ctrl+F5 / Cmd+Shift+R pentru refresh complet).
Ar trebui să vezi o iconiță ♿ în partea stângă a ecranului. Dă click pe ea pentru a deschide meniul de accesibilitate și testează principalele opțiuni de text, contrast, cursor și ghid de lectură.
Întrebări frecvente
- Printr-un plugin de tip „Header & Footer Scripts” – inserezi linia de script în zona de footer.
- Într-o temă copil (child theme) – adăugând script-ul în șablonul
footer.php. - Prin intermediul unui block „HTML personalizat” dacă tema permite rularea de script-uri.
Dacă ai nevoie de suport tehnic suplimentar pentru instalare sau pentru adaptarea widget-ului la proiectul tău, ne poți contacta prin intermediul Fundației „Alături de Voi” România.
Despre ADV Group România
ADV Accessibility Widget este dezvoltat în cadrul ADV Group România – un grup de întreprinderi sociale care promovează incluziunea persoanelor cu dizabilități și a altor grupuri vulnerabile, prin ocupare, educație și inovare socială.
Utilizarea acestui widget pe website-ul tău poate contribui la o experiență mai prietenoasă pentru utilizatori, însă el este doar o parte dintr-o abordare mai amplă privind accesibilitatea digitală. Încurajăm organizațiile să combine instrumente precum acesta cu audituri de accesibilitate, design incluziv și conținut atent redactat.
Pentru mai multe informații despre activitatea noastră, proiecte și resurse în economie socială, vizitează site-ul: alaturidevoi.ro.