Una guida pragmatica all'alt text delle immagini nel 2026

Perché l'alt text conta ancora

L'alt text fa parte della specifica HTML dal 1995. Trent'anni dopo, la maggior parte delle immagini sul web ha ancora o nessun attributo alt, oppure un alt text che sembra scritto da qualcuno che non ha mai usato uno screen reader.

Il problema non è più la consapevolezza. La maggior parte dei sistemi di gestione dei contenuti ora rende obbligatorio il campo alt. Il problema è che l'alt text è diventato una casella di conformità da spuntare, invece che uno strumento di comunicazione. Le persone scrivono "immagine di una persona che sorride" quando il contesto reale è "CEO che annuncia gli utili del Q4."

L'alt text esiste per un solo motivo: comunicare lo scopo di un'immagine a qualcuno che non può vederla. Questo scopo cambia a seconda del contesto. La foto di una tazza di caffè sulla homepage di un bar ha una funzione diversa dalla stessa foto in un post di blog sulle tecniche di smaltatura della ceramica.

Nel 2026 abbiamo anche strumenti di AI che possono generare alt text automaticamente. Questi strumenti stanno migliorando, ma continuano a non comprendere il contesto. Descrivono ciò che vedono, non perché l'immagine si trova lì.

L'albero decisionale: questa immagine ha bisogno di alt text?

Non tutte le immagini hanno bisogno di alt text descrittivo. Alcune immagini sono decorative. Alcune sono ridondanti. Alcune funzionano meglio con didascalie o testo circostante.

Ecco il processo decisionale:

L'immagine comunica informazioni che non sono disponibili nel testo circostante? Se sì, ha bisogno di alt text. Se no, probabilmente è decorativa.

Un utente cieco perderebbe qualcosa di importante se questa immagine sparisse? Se sì, scrivi l'alt text. Se no, usa un attributo alt vuoto (alt="") per indicare agli screen reader di saltarla.

L'immagine è un link o un pulsante? L'alt text diventa il testo del link. Descrivi la destinazione, non l'immagine. "Visualizza i piani tariffari" è meglio di "icona freccia."

L'immagine è complessa—un grafico, un diagramma o un'infografica? L'alt text ha limiti pratici di lunghezza (circa 125 caratteri sono comodi per la maggior parte degli screen reader). Le immagini complesse hanno bisogno di descrizioni più lunghe, in una didascalia, nel testo del corpo o tramite aria-describedby.

Come suona davvero un buon alt text

Un buon alt text è specifico, conciso e consapevole del contesto. Risponde alla domanda: Perché questa immagine è qui?

Male: "Immagine di un grafico"

Meglio: "Grafico a linee che mostra un aumento del 23% del traffico mobile da gennaio a marzo 2026"

Male: "Una persona che usa un laptop"

Meglio: "Designer che rivede mockup di un sito web in Figma"

Male: "Clicca qui"

Meglio: "Scarica la checklist completa per l'audit di accessibilità (PDF)"

Nota che un buon alt text spesso include numeri, azioni o risultati. Non descrive ogni dettaglio visivo. Descrive ciò che conta.

Per le immagini decorative—texture di sfondo hero, bordi ornamentali, illustrazioni puramente estetiche—usa alt="". Non è pigrizia. È onestà semantica. Gli screen reader salteranno completamente l'immagine, che è ciò che vuoi.

Errori comuni che fanno perdere tempo a tutti

Iniziare con "Immagine di" o "Foto di": Gli screen reader annunciano già che si tratta di un'immagine. Vai direttamente alla descrizione.

Keyword stuffing per la SEO: L'alt text non è il posto in cui stipare "migliori chicchi di caffè biologico Brooklyn tostatura artigianale." La ricerca immagini di Google rileva bene questo comportamento da anni. Scrivi per le persone.

Descrivere il nome del file: "IMG_3847.jpg" non aiuta nessuno. Nemmeno "hero-banner-final-v3."

Scrivere un romanzo: Se il tuo alt text è più lungo di due frasi, probabilmente l'informazione dovrebbe stare invece in una didascalia o nel testo del corpo.

Ripetere il testo adiacente: Se il titolo dice "Come cuocere il pane a lievitazione naturale" e l'immagine mostra qualcuno che dà forma all'impasto, l'alt text non deve ripetere il titolo. Descrivi ciò che è visivamente distinto: "Mani che piegano impasto a lievitazione naturale su una superficie infarinata."

Strumenti e workflow che aiutano davvero

La maggior parte dei CMS moderni ora ha campi per l'alt text integrati. WordPress, Webflow, Contentful e Sanity mostrano tutti l'attributo alt in modo evidente durante il caricamento. Il fatto che il campo sia visibile non significa che venga compilato bene.

Se stai facendo l'audit di un sito per individuare alt text mancanti o scadenti, estensioni del browser come Accessibility Insights o axe DevTools possono segnalare immagini senza attributi alt. Per un controllo manuale rapido, disattiva le immagini nel browser (Firefox e Chrome lo supportano entrambi) e leggi la pagina. Se l'alt text ha senso nel contesto, stai andando bene.

L'alt text generato da AI—disponibile in strumenti come Azure Computer Vision, Google Cloud Vision o integrato in piattaforme come Cloudflare Images—può essere un punto di partenza ragionevole, soprattutto per grandi librerie di immagini. Ma tratta l'alt text AI come una prima bozza. Descriverà accuratamente il contenuto dell'immagine, ma non saprà perché l'immagine è sulla pagina. Un editor umano deve comunque aggiungere il contesto.

Se lavori su un sito con un uso intenso di immagini e vuoi intercettare presto i problemi di performance, strumenti come Wux Webtools' Image Compressor possono aiutarti a ottimizzare le dimensioni dei file prima del caricamento—perché l'alt text è utile solo se l'immagine si carica davvero.

Alt text e SEO nel 2026

Google afferma da anni che l'alt text è un fattore di ranking per la ricerca immagini. È ancora vero. Ma l'ottimizzazione per la ricerca immagini non è la stessa cosa dell'accessibilità.

Se scrivi alt text principalmente per la SEO, finirai con assurdità piene di keyword che rendono la pagina più difficile da navigare per gli utenti di screen reader. Se scrivi alt text prima di tutto per l'accessibilità, i benefici SEO arrivano naturalmente, perché un alt text descrittivo e contestuale è esattamente ciò che l'algoritmo di ricerca immagini di Google cerca di far emergere.

Una sfumatura: Google Images ora usa il contenuto circostante della pagina molto più di quanto facesse un tempo. Se il tuo alt text è buono ma generico ("torta al cioccolato con glassa") e la tua pagina parla di pasticceria vegana, Google capirà il contesto. Non devi scrivere "torta al cioccolato vegana con glassa senza latticini" a meno che quella distinzione non sia visivamente evidente nell'immagine.

Punti chiave

• L'alt text esiste per comunicare lo scopo di un'immagine, non per descrivere ogni dettaglio visivo
• Le immagini decorative dovrebbero usare alt="" così gli screen reader le saltano completamente
• Un buon alt text è specifico, consapevole del contesto e risponde a "perché questa immagine è qui?"
• L'alt text generato da AI è un punto di partenza utile, ma richiede comunque editing umano per il contesto
• Scrivi prima di tutto per l'accessibilità; i benefici SEO derivano naturalmente da un testo chiaro e descrittivo

FAQ

Q: Posso usare semplicemente l'AI per generare tutto il mio alt text?

A: Gli strumenti di AI sono bravi a descrivere cosa c'è in un'immagine, ma non comprendono il contesto. Se lavori con centinaia di immagini di prodotto e ti serve una base, l'alt text AI va bene. Per contenuti editoriali, pagine marketing o qualunque cosa in cui conti il motivo per cui l'immagine esiste, una persona deve rivedere e modificare.

Q: Quanto dovrebbe essere lungo l'alt text?

A: La maggior parte degli screen reader gestisce comodamente 125 caratteri o meno. Se ti serve più spazio, probabilmente l'informazione dovrebbe stare in una didascalia, nel testo del corpo o in una descrizione più lunga collegata tramite aria-describedby. Non c'è un limite tecnico rigido, ma un alt text più lungo diventa scomodo da navigare.

Q: Ho bisogno di alt text per i loghi?

A: Sì, ma mantienilo semplice. Se il tuo logo è nell'header e rimanda alla homepage, l'alt text dovrebbe essere il nome della tua azienda: alt="Acme Corp". Non scrivere alt="Acme Corp logo" a meno che il fatto che sia un logo non sia in qualche modo rilevante per il contesto.

Q: Qual è la differenza tra alt text e didascalia?

A: L'alt text è un sostituto diretto dell'immagine. Viene letto dagli screen reader quando l'immagine viene incontrata. Una didascalia è un'informazione supplementare, visibile a tutti, che aggiunge contesto o attribuzione. Se li hai entrambi, non dovrebbero ripetersi a vicenda.

Q: Dovrei aggiungere alt text alle immagini di sfondo in CSS?

A: No. Le immagini di sfondo CSS sono decorative per definizione e non vengono esposte agli screen reader. Se un'immagine di sfondo comunica informazioni importanti, dovrebbe essere un elemento <img> nell'HTML con un alt text appropriato.

Fonti

• W3C Web Accessibility Initiative: Images Tutorial
• WebAIM: Alternative Text
• Nielsen Norman Group: Alt Text for Images
• Google Search Central: Image SEO Best Practices