Un rapporto di esempio che mostra esattamente cosa ricevi: il formato, la definizione delle priorità e i suggerimenti di correzione di un vero flusso di scansione Axively. Il sito mostrato è un esempio fittizio; il tuo audit ha la stessa struttura.
Violazioni WCAG di livello AA o barriere funzionali critiche (carrello, checkout, moduli). Forte indicatore di non conformità alla normativa sull'accessibilità — soggetto a verifica manuale.
Violazioni WCAG di livello A e altri problemi gravi o moderati. Il livello A è ugualmente obbligatorio per la conformità — i livelli ordinano l'impatto sugli utenti e la priorità di correzione, non il peso legale.
La scansione automatica non ha rilevato violazioni WCAG di livello A o AA — solo raccomandazioni di best practice e rilievi minori.
Un numero elevato di problemi non è un disastro, è un inventario. Delle 6.752 occorrenze, 267 sono violazioni WCAG e 6.485 sono buone pratiche, e tutto deriva da sole 5 cause distinte.
target-sizeLe persone con disabilità motorie o visive e gli utenti da touch faticano a colpire un target piccolo e commettono errori. Ingrandisci l'area cliccabile con il 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>In pratica consigliamo di correggere con una classe CSS anziché uno stile inline, il suggerimento mostra il principio.
link-nameGli screen reader annunciano questi link solo come «link», quindi la destinazione resta ignota. Assegna al link un nome accessibile e nascondi l'icona decorativa:
/* 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>Questi rilievi derivano dalle regole di buone pratiche di axe. Migliorano l'usabilità per chi usa tecnologie assistive, ma non corrispondono ad alcun criterio di successo WCAG: non sono quindi conteggiati come violazioni e non incidono sul prezzo dell'audit.
label-title-onlyUn campo con il solo attributo title e senza <label> visibile viene annunciato in modo incoerente dalle tecnologie assistive, e gli utenti vedenti non hanno alcuna etichetta. Aggiungi un'etichetta collegata:
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionGli screen reader non possono navigare o saltare in modo affidabile i contenuti che si trovano fuori dalle regioni landmark. Poiché è un elemento del template, racchiudilo in un'unica regione landmark:
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>Una sola correzione nel template rimuove tutte le ~6.400 occorrenze: si risolve per template, non per pagina.
empty-headingChi naviga per intestazioni con uno screen reader arriva su un elemento che non annuncia nulla. Mostra l'intestazione solo quando c'è un titolo, oppure compilala:
/* before */
<h3 class="teaser-title"></h3>
/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>Un numero elevato di occorrenze non significa migliaia di problemi diversi: di solito sono poche cause ripetute nei template. Un audit si affronta quindi per template e per causa, non pagina per pagina: una sola correzione del template elimina tutte le sue occorrenze in una volta.
Nota sulla scala: il riepilogo qui sopra classifica i rilievi in 3 livelli di rischio (alto / medio / basso) in base all'impatto sulla conformità, da cui dipende anche il prezzo. Il report qui sotto li suddivide in 4 livelli tecnici (critico / grave / moderato / minore) in base alla gravità del difetto valutata dal motore di scansione. Due viste sugli stessi dati, non un'incongruenza.
Rapporto PDF, gli stessi dati pronti da consegnare a un avvocato, alla direzione o a un'autorità: riepilogo, suddivisione per gravità e regola, ordine di correzione consigliato.
Dichiarazione di accessibilità, generata nel formato del tuo paese, con i problemi di questo esempio nella sezione dei contenuti non accessibili.
Bozza di dichiarazione, verificare tutti i dati prima della pubblicazione. Axively non fornisce consulenza legale.
Ogni audit IA include un re-scan di verifica gratuito entro 30 giorni. Il team corregge i modelli secondo i suggerimenti, esegue il re-scan e vede un confronto prima e dopo diretto sulla stessa visualizzazione.
pagamento una tantum in base alla dimensione del sito, re-scan di verifica incluso con l'audit IA