L’Image Alt Text Checker di Screpy trova gli elementi immagine supportati nell’HTML di una pagina e distingue attributi alt mancanti, vuoti e con testo. Usa le prove della fonte per preparare le modifiche, poi valuta il contributo di ogni immagine. Lo strumento individua attributi: non analizza pixel, scrive descrizioni o certifica l’accessibilità.
Controlla la pagina che contiene le immagini
Inserisci un URL HTTP/HTTPS pubblico di pagina, non l’indirizzo di una fotografia. La fonte deve restituire HTML leggibile. Per una galleria prodotti, verifica la pagina che la contiene. Il file immagine da solo non mostra quale alternativa è stata assegnata dove viene usato.
Il rapporto legge elementi img e input di tipo image. Usa la risposta HTML senza eseguire JavaScript. Possono mancare immagini aggiunte dagli script; sfondi CSS e SVG incorporati sono fuori dall’elenco.
Vengono conservate fino a 1.000 righe e le prove lunghe possono essere abbreviate. Si contano occorrenze di elementi, non file unici. La stessa foto può avere due righe con scopi diversi. Leggi gli avvisi di copertura parziale: l’elenco non rappresenta ogni elemento visivo di una pagina grande o dinamica. Nessun elemento supportato non prova che sullo schermo non esistano immagini.
Distingui alt mancante, vuoto e compilato
Usa i filtri per esaminare una categoria alla volta. Mancante significa nessun attributo alt nell’elemento. Vuoto significa che esiste senza testo significativo, inclusi valori di soli spazi. Compilato significa che contiene testo, senza garantire precisione, utilità o adeguatezza a uno screen reader.
Parti dagli attributi mancanti, poi valuta i vuoti nel contesto. La guida W3C WAI alle immagini decorative spiega perché un’alternativa vuota può essere corretta se non si aggiungono informazioni. Omettere l’attributo e lasciarlo vuoto sono scelte diverse. Non riempire ogni vuoto per aumentare il conteggio.
Fonte dell’immagine e riga HTML aiutano a trovare l’elemento nel template o nell’output CMS. Lo strumento segnala anche alcuni valori simili a nomi di file, per esempio una descrizione che termina in .jpg. È un indizio, non una valutazione linguistica completa. Testi generici, errati o ripetitivi possono sfuggire al controllo e richiedere comunque revisione.
Scegli l’alternativa in base alla funzione dell’immagine
Chiediti cosa perderebbe chi non può vedere l’immagine. L’albero decisionale alt W3C WAI distingue usi informativi, decorativi e funzionali. Lo stesso file può richiedere trattamenti diversi secondo pagina, testo vicino e scopo.
Questi esempi inventati illustrano decisioni editoriali. Le frasi funzionano solo se immagine e contesto sono davvero quelli descritti; lo strumento non le ha ispezionate.
| Funzione dell’immagine | Possibile trattamento | Condizione da verificare |
|---|---|---|
| Foto prodotto con dettaglio | «Zaino blu con due tasche anteriori con zip» | Dettagli corretti e rilevanti per la scelta |
| Separatore decorativo | Attributo alt vuoto | Nessuna informazione o funzione aggiunta |
| Logo unico contenuto di un link alla home | «Home di Example» | L’immagine è l’unico contenuto e quella è la destinazione |
| Grafico con valori importanti | Alternativa breve e spiegazione o tabella vicina | Risultato e valori disponibili senza vedere il grafico |
Per immagini collegate o pulsanti immagine, spiega destinazione o azione se altrimenti sarebbe ambigua. Non sostituire la funzione con la forma dell’icona. Per grafici complessi evita l’intero insieme di dati in un solo attributo; inserisci i dettagli nel contenuto.
La guida immagini di Google raccomanda alternative utili e contestuali e sconsiglia l’accumulo di parole chiave. Descrivi naturalmente il significato pertinente. Una lista di keyword non sostituisce una spiegazione, e compilare alt non garantisce posizionamento nelle immagini.
Correggi la fonte e rivedi la pagina pubblicata
Modifica il campo o componente che produce l’elemento. Una descrizione media nel CMS non aiuta se il template non la inserisce in alt. Se il difetto si ripete in schede o gallerie, esamina componente condiviso e singole voci. Non sostituire ogni descrizione con lo stesso testo predefinito globale.
Pubblica la correzione e ricontrolla lo stesso URL. Conferma l’attributo nell’HTML restituito, poi osserva la pagina e il testo vicino. Mantieni le alternative vuote intenzionali e verifica il significato delle immagini informative o funzionali. Lo scopo è contenuto utilizzabile, non un rapporto fatto solo di valori non vuoti.
Controlla manualmente le grafiche importanti non estratte e i comportamenti JavaScript. Una revisione completa dell’accessibilità va oltre questo attributo. Per altri segnali usa l’On-Page SEO Checker, per la struttura il Heading Structure Analyzer. Nessuno trasforma questo controllo in certificazione.