Un audit real al unui site real, un site de companie de dimensiuni medii cu aproximativ 100 de pagini. Am omis doar numele. Fiecare cifră, constatare și sugestie de remediere este reală.
Încălcări WCAG de nivel AA sau erori funcționale critice (coș, finalizare comandă, formulare). Site-ul încalcă direct legislația privind accesibilitatea.
Încălcări WCAG de nivel A sau probleme de utilizare/SEO. Site-ul funcționează, dar acestea trebuie remediate.
Nicio încălcare WCAG de nivel A sau AA — doar probleme minore sau cosmetice și recomandări.
Un număr mare de constatări nu este o catastrofă, este un inventar. Ceea ce contează este defalcarea după gravitate și faptul că 6.757 de apariții provin din doar 6 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.
label-title-onlyFără un <label> vizibil, un cititor de ecran nu poate spune cu siguranță pentru ce este câmpul. title și placeholder nu sunt suficiente. Adaugă o etichetă legată:
/* 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ă.
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 reale î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 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ă