Trova le immagini che necessitano di uno sguardo più attento
Alt Tag Checker
Controlla gli attributi alt dell'immagine nello HTML incollato. Separa gli attributi mancanti dalle alternative intenzionalmente vuote, esamina ciascuna fonte di immagini ed esporta i risultati.
Image alt audit
Your image counts and alt text review will appear here.
Alt Tag Checker: cosa ti dice il tuo assegno
Un controllo dei tag alt ti aiuta a trovare elementi dell'immagine le cui alternative richiedono attenzione. In HTML, alt è un attributo su un'immagine, non un tag separato. Un attributo mancante, un valore vuoto e una descrizione utile sono tre casi diversi.
Questo controllo locale esamina gli elementi img nel HTML che incolli. Non recupera la pagina, giudica visivamente l'immagine, esegue JavaScript, carica immagini o certifica l'accessibilità. Conta le occorrenze delle immagini anziché deduplicare i file, perché la stessa immagine può servire a scopi diversi in contesti diversi.
Attributo mancante
Un elemento img senza alt necessita di revisione. La tecnologia assistiva potrebbe annunciare il nome del file invece di un'alternativa utile. Decidi se l'immagine trasmette informazioni o è decorativa.
Alternativa vuota
Un alt="" esplicito può essere adatto per un'immagine decorativa. Mantienilo vuoto quando l'immagine non aggiunge informazioni; aggiungi testo utile quando comunica qualcosa di cui il lettore ha bisogno.
Solo spazi bianchi
Gli spazi all'interno di alt sono elencati separatamente. Esamina lo scopo dell'immagine, quindi utilizza un valore veramente vuoto per la decorazione o un testo significativo per le informazioni.
Testo presente
Un valore non vuoto non è automaticamente una buona alternativa. Controlla che descriva lo scopo nel contesto senza riempire di parole chiave, ripetere il testo vicino o fare affidamento sul nome del file.
HOW IT WORKS
Da un assegno a un utile passo successivo
Incolla sorgente o HTML renderizzato
Copia HTML dall'origine della pagina o dagli strumenti di sviluppo del browser. Incollare solo un indirizzo web non recupera quella pagina.
Esamina ciascuna categoria
Inizia con gli attributi mancanti, quindi rivedi le alternative vuote nel contesto. Filtra i risultati e confronta la fonte dell'immagine e il testo alternativo.
Correggi e ricontrolla
Aggiorna i tuoi modelli o i campi CMS, esporta l'elenco di revisione, quindi controlla il nuovo HTML dopo la pubblicazione. Testare la pagina con la tecnologia assistiva come parte di una revisione più ampia.
Lo stesso attributo, tre decisioni diverse
Immagine informativa del prodotto
<img src="mug.jpg" alt="Blue ceramic mug with a curved handle">Descrivi le informazioni fornite dall'immagine. Questo esempio fornisce all'acquirente un dettaglio visivo concreto.
Divisorio decorativo
<img src="divider.svg" alt="">Un'alternativa vuota può impedire a un'immagine decorativa di aggiungere rumore all'esperienza di lettura.
Tabella delle taglie senza alternative
<img src="size-guide.png">L'alt mancante necessita di revisione. Un grafico complesso potrebbe richiedere anche del testo o una tabella dati nelle vicinanze, oltre a una breve alternativa.
For contextual guidance, read the W3C image alt decision tree.