Sari la conținut
Audit & Conformitate WCAG

Audit în 4 pași simpli

Folosește modul de dezvoltare pentru a rula un audit de accesibilitate pe pagina ta, alimentat de axe-core, și corectează erorile înainte de lansare.

Când modul de dezvoltare este activat, deschideți widgetul din colț, derulați în jos și ar trebui să vedeți secțiunile Adnotări și Raport de accesibilitate.

1
Pasul 1

Adaugă scriptul widgetului

Lipește acest fragment de script chiar înainte de eticheta de închidere </body> din codul site-ului tău.

<script src="https://accesibilitate.zebrabyte.ro/dist/zbt.js" defer></script>
2
Pasul 2

Deschide pagina în modul dev

Adaugă query-ul ?acc-dev=true la URL-ul paginii tale active în browser.

https://siteultau.ro/pagina?acc-dev=true

Dacă URL-ul conține deja un semn de întrebare ?, adaugă în schimb &acc-dev=true.

3
Pasul 3

Rulează raportul

Deschide widgetul plutitor din pagină, derulează până la capătul panoului și apasă pe butonul Raport accesibilitate pentru a porni scanarea paginii active. Toate problemele vor fi marcate vizual în pagină cu o casetă colorată.

4
Pasul 4

Remediază problemele și dezactivează modul dev

Folosește raportul pentru a remedia problemele găsite (de ex. culori fără contrast suficient, elemente ARIA incomplete, etichete greșite) direct în codul tău. Ulterior, scoate query-ul acc-dev=true din URL.

Important: Modul dev este destinat exclusiv testării locale de către dezvoltatori și nu este recomandat a fi rulat constant în producție.

Găzduire Proprie (Self Host)

Dacă preferi auto-găzduirea scriptului, descarcă widgetul de mai jos, încarcă-l pe serverul tău de producție și folosește-l local.