Verifica oggi stesso la conformità dei tuoi siti web alle WCAG utilizzando Eye-Able Audit
Questo sito web illustra gli errori più comuni e spiega come individuarli utilizzando Eye-Able Audit
Controlla tutti gli errori nella barra degli strumenti Eye-Able Audit sul lato destro dello schermo!
Software di test per i tuoi prodotti digitali
Test automatizzati dei siti web secondo gli standard di accessibilità
L'accessibilità digitale fa progredire la tua attività
Al fine di ottemperare agli obblighi di legge.
Esegui una scansione completa del tuo dominio utilizzando Eye-Able Report
Pannello di controllo amministrativo per l'accessibilità digitale con una panoramica di tutte le tue sottopagine
Questa pagina mostra solo una parte degli errori che Eye-Able Audit è in grado di individuare. Consulta tutte le regole nella nostra panoramica!
Manca il testo alternativo
Il 31,3% dei banner presenti nella home page non dispone di testi alternativi. Le immagini necessitano di un testo alternativo affinché gli utenti che utilizzano lettori di schermo possano comprenderne il contenuto e lo scopo.
Testo con scarso contrasto
Il basso contrasto è l'errore di accessibilità più comune su molti siti web. Assicurati che tutti gli elementi di testo presentino un contrasto cromatico sufficiente tra il testo in primo piano e il colore dello sfondo. Il contrasto minimo dipende dalla dimensione del testo ed è di 3:1 o 4,5:1 per i testi di grandi dimensioni.
Il contrasto è pessimo
Gerarchia dei titoli
Anche i titoli vuoti possono creare confusione e andrebbero evitati.
Altri problemi comuni
Testo mancante
A questa immagine collegata manca il testo alternativo. I link devono avere un testo comprensibile e correttamente letto dagli screen reader.
Sintassi della tabella errata
| Il mio fantastico tavolo | |
|---|---|
| Riga 1 | Non ho un titolo… |
Le tabelle devono avere una sintassi corretta, ad esempio celle di intestazione per tutte le colonne, per essere comprensibili con i lettori di schermo. Eye-Able individua gli errori più comuni che rendono le intestazioni meno accessibili.
Attributi di Aria
Sebbene gli attributi aria siano molto utili per rendere più accessibile la tua interfaccia web, è necessario utilizzare la sintassi e i ruoli corretti.
Pulsanti
A deve avere un nome intuitivo affinché i lettori di schermo possano descriverne la funzione.
Seleziona i campi
I campi di selezione sono comunemente utilizzati nei moduli e richiedono anch'essi un testo alternativo.
Campi del modulo non validi
Link senza nome accessibile
Ogni elemento link deve avere un nome accessibile o un testo che ne descriva lo scopo. Questo link è non valido e vuoto.
Oggetti senza nomi accessibili
Gli elementi che contengono contenuti multimediali, come file audio o video, devono essere contrassegnati in modo da essere leggibili da uno screen reader.
Elemento al di fuori di un elenco
Un elemento di elenco non deve trovarsi al di fuori di un elenco. Fa sempre parte di un elenco ordinato <ol> o non ordinato <ul>.
Attributi «Accesskey» assegnati due volte
L'attributo `accesskey` identifica un elemento a cui è possibile accedere tramite una scorciatoia da tastiera specificata. La scorciatoia specificata deve essere unica e non deve essere utilizzata per nessun altro elemento nella pagina corrente.
Il carattere è troppo piccolo
La dimensione dei caratteri non deve essere inferiore a 9 px.
Questo testo ha una dimensione dei caratteri di 7 px e dovrebbe essere ingrandito
Link non distinguibile dal testo normale
I link nel corpo del testo devono distinguersi dal testo circostante attraverso una differenza che non si basi esclusivamente sul colore. I link possono essere evidenziati, ad esempio, sottolineando il testo o utilizzando un bordo. Questo link è un cattivo esempio.
L'intera sezione di testo è riportata in corsivo
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
I paragrafi di testo hanno un'altezza della riga di almeno 1,5
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
L'intera sezione di testo viene visualizzata con allineamento giustificato
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Il nome visibile non fa parte del nome accessibile
Il link sottostante presenta un testo visibile diverso dal nome accessibile. Puoi trovare il riferimento qui. Ciò è particolarmente importante per gli utenti che utilizzano l'input vocale per navigare nel sito web. In caso contrario, l'input vocale non può essere interpretato correttamente.