Un raport exemplu care arată exact ce primești: formatul, prioritizarea și sugestiile de remediere dintr-un flux real de scanare Axively. Site-ul prezentat este un exemplu fictiv; propriul tău audit are aceeași structură.
Încălcări WCAG de nivel AA sau bariere funcționale critice (coș, plată, formulare). Un indicator puternic de neconformitate cu legislația privind accesibilitatea — sub rezerva verificării manuale.
Încălcări WCAG de nivel A și alte probleme grave sau moderate. Nivelul A este la fel de obligatoriu pentru conformitate — nivelurile ordonează impactul asupra utilizatorilor și prioritatea remedierii, nu greutatea juridică.
Scanarea automată nu a detectat încălcări WCAG de nivel A sau AA — doar recomandări de bune practici și constatări minore.
Un număr mare de constatări nu este o catastrofă, este un inventar. Din cele 6.752 de apariții, 267 sunt încălcări WCAG și 6.485 sunt bune practici — și totul provine din doar 5 cauze distincte.
target-sizePersoanele cu dizabilități motorii sau vizuale și utilizatorii de dispozitive tactile se chinuie să atingă o țintă mică și fac erori. Măriți zona clicabilă cu padding:
/* before */
<a href="tel:..." class="page-header--link">+33 1 00 00 00 00</a>
/* after */
<a href="tel:..." class="page-header--link"
style="padding:10px; display:inline-block;">+33 1 00 00 00 00</a>În practică, recomandăm să remediați aceasta cu o clasă CSS mai degrabă decât cu un stil inline, sugestia arată principiul.
link-nameCititoarele de ecran anunță aceste linkuri doar ca „link”, așa că destinația nu poate fi cunoscută. Dați linkului un nume accesibil și ascundeți pictograma decorativă:
/* before */
<a class="social-link" href="https://example.com/rss">
<svg class="icon"></svg>
</a>
/* after */
<a class="social-link" href="https://example.com/rss" aria-label="RSS">
<svg class="icon" aria-hidden="true" focusable="false"></svg>
</a>Aceste constatări provin din regulile de bune practici axe. Îmbunătățesc utilizabilitatea pentru utilizatorii de tehnologii asistive, dar nu corespund niciunui criteriu de succes WCAG, așa că nu sunt numărate ca încălcări și nu influențează prețul auditului.
label-title-onlyUn câmp doar cu atributul title și fără <label> vizibil este anunțat inconsecvent de tehnologiile asistive, iar utilizatorii văzători nu au nicio etichetă. Adăugați o etichetă asociată:
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionCititoarele de ecran nu pot naviga sau sări în mod fiabil peste conținutul aflat în afara regiunilor de reper. Deoarece este un element de șablon, încadrați-l într-o singură regiune de reper:
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>O singură remediere în șablon elimină toate cele ~6.400 de apariții: se rezolvă pe șablon, nu pe pagină.
empty-headingUtilizatorii de cititoare de ecran care navighează după titluri ajung la un element care nu anunță nimic. Afișați titlul doar când există text sau completați-l:
/* before */
<h3 class="teaser-title"></h3>
/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>Un număr mare de apariții nu înseamnă mii de probleme diferite: de obicei sunt câteva cauze repetate în șabloane. De aceea un audit se rezolvă pe șablon și pe cauză, nu pagină cu pagină: o singură remediere în șablon elimină toate aparițiile ei dintr-o dată.
Notă despre scară: rezumatul de mai sus împarte constatările în 3 niveluri de risc (ridicat / mediu / scăzut) în funcție de impactul asupra conformității, ceea ce determină și prețul. Raportul de mai jos le împarte în 4 niveluri tehnice (critic / grav / moderat / minor) în funcție de gravitatea defectului evaluată de motorul de scanare. Două perspective asupra acelorași date, nu o neconcordanță.
Raport PDF, aceleași date gata de înmânat unui avocat, conducerii sau unui reglementator: rezumat, defalcare după gravitate și regulă, ordinea recomandată de remediere.
Declarație de accesibilitate, generată în formatul pentru țara ta, cu constatările din acest exemplu în secțiunea de conținut inaccesibil.
Schiță de declarație, verificați toate detaliile înainte de publicare. Axively nu oferă consultanță juridică.
Fiecare audit AI include o re-scanare de verificare gratuită în 30 de zile. Echipa remediază șabloanele conform sugestiilor, rulează re-scanarea și vede o comparație directă înainte și după pe aceeași vizualizare.
plată unică bazată pe dimensiunea site-ului, re-scanare de verificare inclusă în auditul AI