# 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. ## 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. ## Domande frequenti ### 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 - [W3C: guida al criterio di successo 1.1.1 Non-text Content delle WCAG 2.2](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content) - [W3C, tutorial sulle immagini: un albero decisionale per l’attributo alt](https://www.w3.org/WAI/tutorials/images/decision-tree/) - [W3C, tutorial sulle immagini: immagini funzionali](https://www.w3.org/WAI/tutorials/images/functional/) - [Google Search Central: best practice SEO per le immagini](https://developers.google.com/search/docs/appearance/google-images) - [Deque: regola image-alt di axe-core](https://dequeuniversity.com/rules/axe/4.13/image-alt) - [WebAIM: The WebAIM Million (2026)](https://webaim.org/projects/million/)