Strumento gratuito: Accessibilità

Verifica testo alternativo immagini

Inserisci l’indirizzo di una pagina per elencare ogni sua immagine con il testo alternativo, letto in un vero browser dopo l’esecuzione degli script. Scopri quali immagini non ne hanno, quali sono indicate come decorative e quali hanno un testo alternativo che non descrive nulla.

Gratis. Controlla l’indirizzo che inserisci in circa 20 secondi.

Cosa controlla questo strumento

  • Immagini senza testo alternativo

    Ogni elemento img e ogni pulsante immagine senza attributo alt e senza un altro nome accessibile, come aria-label.

  • Immagini che lasciano un link senza nome

    Loghi e icone all’interno di link o pulsanti che non hanno testo alternativo né altro testo, così uno screen reader può annunciare solo «link».

  • Testo alternativo che sembra un nome di file

    Valori come IMG_2041.jpg, DSC0042 o una lunga serie di cifre, che molti sistemi inseriscono automaticamente al caricamento.

  • Parole generiche

    Un testo alternativo che è solo «immagine», «foto», «logo» o «banner» non dice a nessuno cosa mostra l’immagine.

  • Testo ridondante e ripetuto

    Descrizioni che iniziano con «immagine di», ripetono il testo del link accanto o sono riutilizzate su tre o più immagini diverse.

  • Immagini decorative e nascoste

    Le immagini con alt="" o role="presentation", e quelle nascoste con aria-hidden o con il CSS, vengono elencate a parte, così puoi confermare che ognuna sia davvero decorativa.

  • Un’anteprima di ogni immagine

    Una miniatura accanto al testo alternativo, così puoi valutare ogni descrizione in pochi secondi. I filtri mostrano solo i problemi o solo ciò che va controllato.

Cosa non può controllare

  • Dire se il testo alternativo è accurato. Solo una persona che vede l’immagine e sa perché si trova nella pagina può giudicarlo.
  • Controllare le immagini impostate come sfondi CSS, né le alternative testuali di grafica SVG e canvas. Lo strumento elenca gli elementi img e i pulsanti immagine.
  • Controllare le immagini all’interno di frame, come video, mappe e annunci incorporati.
  • Elencare più di 150 immagini. Nelle pagine molto lunghe mostra le prime 150 e indica quante sono in totale.
  • Testare altre pagine. La scansione gratuita completa controlla il testo alternativo insieme al resto delle WCAG su un massimo di cinque pagine chiave.

Perché è importante

Il testo alternativo è ciò che uno screen reader legge al posto di un’immagine e ciò che il browser mostra quando un’immagine non si carica. Il criterio di successo 1.1.1 delle WCAG 2.2, di livello A, richiede un’alternativa testuale per ogni immagine che trasmette informazioni, e un’alternativa vuota per quelle che non ne trasmettono.

Il testo alternativo mancante è il secondo errore di accessibilità più comune sul web: l’analisi 2026 di WebAIM lo ha rilevato sul 53,1% del primo milione di home page, e il 16,2% di tutte le immagini controllate ne era privo.

Lo leggono anche i motori di ricerca. Google afferma di usare il testo alternativo, insieme alla visione artificiale e al contenuto della pagina, per capire le immagini, e che il testo alternativo di un’immagine inserita in un link funziona come l’anchor text del link.

Come leggere i risultati

Senza testo alternativo
L’immagine non ha attributo alt né un altro nome. A seconda del software, uno screen reader può leggere il nome del file o saltare l’immagine.
Decorativa
alt="" o role="presentation": gli screen reader saltano l’immagine. Corretto per una decorazione; sbagliato per un’immagine che trasmette informazioni o che è l’unico contenuto di un link.
Con testo alternativo
L’immagine ha una descrizione. Segnaliamo quelle che sembrano sbagliate; per le altre serve comunque una persona che verifichi che siano accurate.
Nome da ARIA o title
Nessun attributo alt, ma un nome fornito da aria-label, aria-labelledby o title. Supera i test automatici; alt resta comunque la scelta più affidabile.
Nascosta
Non visualizzata, oppure nascosta alle tecnologie assistive con aria-hidden. Nulla da correggere, a meno che l’immagine non debba essere visibile.
Link senza nome
Un link o un pulsante il cui unico contenuto è un’immagine senza alternativa testuale. È un errore anche se l’immagine in sé è decorativa.
Da controllare
Testo alternativo che sembra un nome di file o una parola generica, inizia con «immagine di», ripete il testo del link, è molto lungo o è riutilizzato su più immagini.

Come correggere i problemi più comuni

  • Foto di prodotti e di contenuti

    Descrivi ciò che qualcuno perderebbe senza l’immagine, nel contesto della pagina. Per un prodotto: l’articolo, il colore e la vista mostrata. Per la foto di un articolo: ciò che mostra e che il testo non dice.

  • Loghi che rimandano alla home page

    Un’immagine inserita in un link deve dire dove porta il link. Per un logo che rimanda alla home page, usa il nome dell’azienda, per esempio alt="Home page di Acme", invece di «logo».

  • Icone all’interno di link e pulsanti

    Assegna all’icona un testo alternativo che indichi l’azione, come «Cerca» o «Carrello», oppure dai al link un aria-label e indica l’icona come decorativa con alt="".

  • Immagini decorative

    Usa alt="" (un valore vuoto, non un attributo assente) per separatori, abbellimenti di sfondo e immagini che ripetono un testo che si trova subito accanto.

  • Nomi di file inseriti dalla piattaforma

    Molte piattaforme copiano il nome del file nel campo alt al caricamento. Modificalo dove gestisci l’immagine: in Shopify, nei contenuti multimediali del prodotto; in WordPress, nel campo Testo alternativo della Libreria media.

  • Grafici e infografiche

    Usa un alt breve che dica cosa mostra il grafico, e metti i dati o un riepilogo nel testo o in una tabella accanto.

Immagini senza testo alternativo: come correggerle su Shopify, WooCommerce e qualsiasi sito

Domande su questo strumento

Cos’è il testo alternativo?

L’attributo alt di un’immagine contiene la sua alternativa testuale. Gli screen reader lo leggono ad alta voce e i browser lo mostrano quando l’immagine non può essere visualizzata.

Ogni immagine deve avere un testo alternativo?

Ogni elemento img deve avere un attributo alt. Per un’immagine che trasmette informazioni descrive l’immagine; per un’immagine decorativa deve essere vuoto (alt=""), così gli screen reader la saltano.

Quanto deve essere lungo il testo alternativo?

Le WCAG non fissano alcun limite. Un buon testo alternativo è di solito una breve frase o un breve periodo. Se un’immagine richiede di più, descrivila nel testo della pagina o in una didascalia e mantieni breve l’alt. Segnaliamo i testi alternativi oltre i 150 caratteri per un secondo controllo.

Il testo alternativo aiuta la SEO?

Google afferma di usare il testo alternativo, insieme alla visione artificiale e al contenuto della pagina, per capire le immagini, e che il testo alternativo di un’immagine inserita in un link funziona come un anchor text. Avverte anche che riempire gli attributi alt di parole chiave può essere considerato spam.

L’attributo title equivale ad alt?

No. title compare come tooltip al passaggio del mouse, non viene annunciato in modo affidabile dagli screen reader e non è disponibile sugli schermi touch. I test automatici lo accettano come nome quando manca alt, ma alt resta la scelta affidabile.

L’IA può scrivere il mio testo alternativo?

Può proporre descrizioni, ma non sa perché l’immagine si trova nella tua pagina. Rivedi ogni bozza: il testo alternativo giusto dipende da un contesto che conosci solo tu.

Fonti

Strumenti correlati

Il Report Accessibilità ($174, una tantum) parte dalla scansione gratuita completa e aggiunge altre pagine, la modifica da fare per ogni problema rilevato, un PDF e nuovi test per verificare le tue correzioni.

Informazioni sul Report Accessibilità