Vai al contenuto
100% locale

Verificatore di accessibilità HTML

Analizza un frammento HTML per individuare i problemi che impediscono ai lettori di schermo e agli utenti che navigano con la tastiera di accedervi.

Ingresso
Uscita

Verificatore di accessibilità HTML

Incolla un frammento HTML e questo strumento lo analizza alla ricerca dei problemi che comunemente impediscono ai lettori di schermo, agli utenti che navigano con la tastiera e ad altre tecnologie assistive di accedervi. Ogni risultato viene segnalato con un numero di riga e una spiegazione in linguaggio semplice, in modo da poterlo correggere senza fare riferimento a un documento WCAG separato. Si rivolge al frammento che hai effettivamente a portata di mano — un componente, un modello di email, un blocco CMS — non a un'intera pagina.

I controlli sono opzioni che puoi attivare e disattivare singolarmente: immagini senza testo alternativo (e alt vuoto su immagini che sono l'unico contenuto di un link o pulsante), livelli di titolo che saltano un livello o non iniziano con h1, pulsanti e link senza testo visibile o aria-label, campi modulo senza etichetta associata, testo di link generico come "fai clic qui", tabelle senza celle di intestazione, documento senza attributo lang e identificatori id duplicati. Un filtro di gravità riduce l'elenco agli avvisi e agli errori, o solo agli errori, una volta risolti i problemi minori.

Il verificatore legge solo il markup grezzo — tag e attributi, non stili calcolati o layout renderizzato — quindi non rileverà un problema di contrasto o un ordine di messa a fuoco che appare solo quando il CSS viene applicato (abbinalo al verificatore di contrasto per questo). L'analisi è best-effort: tolera HTML malformato o incompleto piuttosto che rifiutare di eseguirsi, poiché un frammento incollato raramente ha un tag di chiusura per tutto.

Tutto accade localmente nel tuo browser. Il frammento che incolla — che potrebbe provenire da una pagina non ancora rilasciata, uno strumento interno o un progetto client — non viene mai caricato o inviato a un server. Copia il rapporto, scaricalo come file .txt o rimanda il frammento all'input dopo aver apportato modifiche per riscansionarlo.

FAQ

Sostituisce un audit di accessibilità completo?
No. Rileva problemi comuni e rilevabili meccanicamente nel markup che incolli — testo alt mancante, ordine dei titoli, campi senza etichetta e simili — ma un audit completo copre anche il contrasto dei colori, l'ordine di messa a fuoco della tastiera, il test dello screen reader e il layout renderizzato, che richiedono una pagina attiva per verificare.
Perché a volte un'immagine con alt="" viene contrassegnata?
Un alt vuoto è corretto per un'immagine puramente decorativa. Viene segnalato solo quando l'immagine è l'unico contenuto di un link o pulsante (lasciando quel controllo senza nome accessibile) o quando ha un attributo title non vuoto, il che suggerisce che sta trasmettendo informazioni dopo tutto.
Cosa conta come "identificatore duplicato"?
Qualsiasi valore di attributo id che appare su più di un elemento nel frammento. Gli id duplicati rompono le associazioni di etichette, i riferimenti aria-labelledby e i link interni, poiché viene utilizzata solo la prima corrispondenza.
Posso verificare solo una categoria di problema?
Sì. Ogni controllo — immagini, titoli, elementi interattivi, moduli, testo dei link, tabelle, lingua e id duplicati — ha il suo interruttore e un filtro di gravità restringe ulteriormente i risultati.
Il mio HTML viene caricato da qualche parte?
No. Il frammento viene analizzato e verificato completamente nel tuo browser utilizzando JavaScript; non viene mai inviato a un server.