Padroneggia la scrittura dell'alt text con questa guida completa del 2026. Impara gli standard WCAG, le migliori pratiche, esempi reali e come scrivere descrizioni che funzionano sia per gli screen reader che per i motori di ricerca. Include una checklist dettagliata, errori comuni e casi di studio.
Ogni secondo, milioni di persone con disabilità visive navigano sul web. Eppure, sul 53% dei siti web, incontrano immagini che sono completamente invisibili per loro. La barriera non è l'immagine stessa, ma un attributo di alt text mancante o scritto male che dovrebbe richiedere secondi per essere creato.
L'alt text è il ponte tra le immagini e l'accessibilità. Ma non è solo una casella da spuntare per l'accessibilità: è anche fondamentale per la SEO, l'esperienza utente e la conformità legale. La convergenza di tre potenti forze rende l'alt text più critico che mai nel 2026:
Statistiche chiave (2026):
L'alt text è l'attributo di testo alternativo in HTML che descrive cosa mostra un'immagine. Serve come sostituto testuale quando le immagini non possono essere visualizzate o accessibili agli utenti.
Esempio HTML:
<img src="coffee-mug.jpg" alt="Tazza da caffè in ceramica blu con logo bianco, posizionata su una scrivania di legno accanto a un taccuino">L'alt text viene letto ad alta voce dagli screen reader, visualizzato quando le immagini non riescono a caricarsi e analizzato dai crawler dei motori di ricerca. Fa parte del web fin dall'HTML 2.0 (1995), ma rimane uno degli elementi di accessibilità più persistentemente trascurati.
Per l'Accessibilità: Gli screen reader (NVDA, JAWS, VoiceOver) leggono l'alt text ad alta voce. Senza di esso, gli utenti ciechi e ipovedenti non ricevono alcuna informazione sulle immagini. Una foto di prodotto senza alt text su un sito di e-commerce significa che un utente cieco non può identificare ciò che sta considerando di acquistare. Un grafico senza alt text in un articolo di notizie significa che un lettore ipovedente perde dati critici.
Per la SEO: Google non può "vedere" le immagini come gli esseri umani; si affida all'alt text per capire cosa raffigura un'immagine e come si relaziona alla pagina. L'alt text ben formulato migliora direttamente le classifiche di Google Immagini, i segnali di pertinenza generale della pagina e la visibilità nei risultati di ricerca basati sull'intelligenza artificiale.
Per la Conformità Legale: L'EAA (UE), l'ADA Sezione 508 (USA) e l'AODA (Canada) richiedono ora un alt text descrittivo, con un'applicazione che si intensifica nel 2026. La mancanza di alt text è la violazione più comunemente citata nelle cause legali sull'accessibilità.
Per l'Esperienza Utente: L'alt text aiuta gli utenti con connessioni lente (le immagini richiedono tempo per caricarsi), quelli con disabilità cognitive e chiunque utilizzi strumenti di sintesi vocale.
Criterio di Successo 1.1.1: Contenuto non testuale richiede che tutte le immagini non decorative abbiano un'alternativa testuale. Ci sono due livelli di conformità:
Requisito chiave: "Tutte le immagini di testo, tutte le immagini che forniscono informazioni, tutti i pulsanti immagine e tutte le immagini collegate richiedono un alt text che descriva accuratamente e concisamente lo scopo dell'immagine."
L'European Accessibility Act, applicabile da giugno 2026 (settore pubblico) e giugno 2027 (settore privato), richiede:
| Standard | Lunghezza Min | Lunghezza Max | Ambito | Applicazione |
|---|---|---|---|---|
| WCAG 2.2 | Nessuna specificata | ~125 caratteri (best practice) | Globale | Comunità W3C |
| EAA (EN 301 549) | 40 caratteri raccomandati | ~125 caratteri (best practice) | UE-27 | Autorità degli stati membri; multe da 20.000-250.000 euro |
| ADA Sezione 508 | Nessuna specificata | ~125 caratteri (best practice) | Stati Uniti | DOJ, cause private; transazioni da 25.000-100.000+ dollari |
Regola: Le immagini decorative dovrebbero avere un attributo alt vuoto: alt=""
Esempi:
alt="bordo decorativo"alt="" (attributo alt vuoto)Perché: Un attributo alt vuoto segnala agli screen reader di saltare l'immagine, evitando rumori non necessari. Omettere completamente l'attributo alt è sempre sbagliato: fa sì che gli screen reader leggano il nome del file.
Regola: Descrivi il soggetto, il contesto e i dettagli pertinenti. Includi colori, materiali e composizione quando sono importanti per comprendere lo scopo dell'immagine.
Esempi:
alt="caffè"alt="tazza da caffè"alt="Tazza da caffè in ceramica con latte su scrivania di legno"alt="Tazza da caffè in ceramica bianca con latte, vapore che sale, posizionata su scrivania di quercia accanto a taccuino aperto e penna"Perché: Gli utenti vedenti non vedono solo "una tazza da caffè", ma vedono il contesto specifico. Gli utenti ciechi meritano lo stesso livello di dettaglio e contesto.
Regola: Includi il nome del prodotto, gli attributi chiave (colore, materiale, taglia) e la vista (fronte, retro, dettaglio). Ricorda che gli utenti ciechi prendono decisioni di acquisto.
Esempi:
alt="prodotto"alt="camicia blu"alt="Camicia in cotone blu con bottoni, taglia M, vista frontale"alt="Camicia Oxford in cotone blu con bottoni, taglia uomo M, colletto classico con cuciture singole, mostrata su modello — disponibile in blu navy, azzurro e bianco"Regola: Descrivi DOVE VA IL LINK o COSA FA, non solo cosa vedi.
Esempi:
alt="logo" (non descrive la funzione)alt="logo aziendale"alt="Ritorna alla homepage di Alt Audit"alt="Home di Alt Audit — generatore di alt text basato su AI"Regola: Per visualizzazioni di dati complesse, usa un breve alt text + una descrizione più lunga sulla pagina. Considera l'uso di aria-describedby per collegare l'immagine a una tabella dati dettagliata.
Esempi:
alt="grafico"alt="grafico a barre che mostra le vendite per trimestre"alt="Fatturato di vendita per trimestre, 2025. Q1: 1,2 milioni di euro, Q2: 1,5 milioni di euro, Q3: 2 milioni di euro, Q4: 2,8 milioni di euro, crescita totale: 133%"Regola: Descrivi lo SCOPO, non l'aspetto.
Esempi:
alt="lente d'ingrandimento" (descrive l'aspetto, non la funzione)alt="Cerca prodotti"alt="Cerca nel nostro catalogo prodotti"Regola: Il contesto è importante. È un link, un'identificazione del marchio o un elemento di design?
Esempi:
alt="Nike — Just Do It" (descrive il marchio e porta alla homepage)alt="logo swoosh Nike"alt="logo" senza contestoUsa questo processo collaudato in 5 passaggi per scrivere sempre un alt text efficace:
alt=""), informativa, collegata o complessa (grafico/diagramma)?Sbagliato:
alt="immagine"
alt="grafica"
alt="foto"Giusto:
alt="Famiglia di quattro persone in spiaggia al tramonto"Sbagliato:
alt="Una donna con lunghi capelli castani che indossa una giacca blu in piedi davanti a un edificio in mattoni con edera che cresce sul lato, in una giornata di sole estiva"Giusto:
alt="Donna in giacca blu in piedi davanti a edificio in mattoni con edera"Titolo dell'articolo: "Apple rilascia l'iPhone 16"
Sbagliato: alt="Apple rilascia l'iPhone 16" (ripete solo il titolo)
Giusto: alt="iPhone 16 nelle finiture titanio e nero, vista frontale e posteriore" (aggiunge dettagli)
Sbagliato:
alt="widget blu, prodotto blu, widget economico, offerta widget, acquista widget, sconto widget"Giusto:
alt="Widget in ceramica blu, disponibile in offerta"Perché: Google avverte esplicitamente contro il riempimento di parole chiave nell'alt text. Non fornisce alcun valore di accessibilità ed è trattato come un segnale di spam dagli algoritmi di ricerca.
Sbagliato: alt="uomo in ufficio" (Chi? Perché è rilevante?)
Giusto: alt="John Smith, VP of Product, nell'ufficio di Alt Audit a San Francisco"
Sbagliato: <img src="photo.jpg"> (nessun attributo alt)
Giusto: <img src="photo.jpg" alt="testo descrittivo">
Distinzione critica: Un attributo alt vuoto (alt="") è corretto per le immagini decorative. Nessun attributo alt è sempre sbagliato.
Secondo la documentazione ufficiale di Google sull'ottimizzazione delle immagini, l'alt text è "l'attributo di metadati più importante per le immagini." Ecco perché:
Ottimizzare l'alt text può avere effetti drastici sulla visibilità:
Con l'evoluzione della ricerca basata sull'intelligenza artificiale, l'alt text diventa sempre più prezioso:
Azienda: Marchio di moda europeo di medie dimensioni su Shopify
Problema:
Soluzione:
Risultati (Aprile 2026):
Azienda: Testata giornalistica online regionale che pubblica 40-50 articoli al giorno
Problema:
Soluzione:
Risultati:
R: Generalmente da 40 a 125 caratteri. L'EAA raccomanda un minimo di 40 caratteri per le immagini significative. Molti screen reader troncano a 125 caratteri, quindi questo è un limite pratico superiore. Tuttavia, non esiste un massimo rigido: l'obiettivo è la concisione senza sacrificare la chiarezza. Per visualizzazioni di dati complesse, usa un breve alt text (40-125 caratteri) più una descrizione più lunga altrove sulla pagina o tramite aria-describedby.
R: Solo naturalmente. L'alt text dovrebbe servire prima di tutto all'accessibilità. Se le parole chiave si inseriscono naturalmente in un alt text descrittivo, forniscono valore SEO. Non riempire mai di parole chiave ("widget blu, prodotto blu, offerta widget, widget economico"). Questo è dannoso sia per l'accessibilità che per la SEO: Google penalizza il riempimento di parole chiave in tutti gli elementi, inclusi gli attributi alt.
R: L'alt text è l'attributo alt HTML (nascosto; letto da screen reader e motori di ricerca). Le didascalie sono testo visibile sotto o sulle immagini. Entrambi possono coesistere. Le didascalie possono aggiungere contesto o narrazione che l'alt text non ha bisogno di ripetere; evita la ridondanza.
R: No, necessitano di un attributo alt vuoto: alt="". Questo dice agli screen reader di saltare l'immagine, evitando confusione. Omettere completamente l'attributo alt è sbagliato; fa sì che gli screen reader leggano il nome del file.
R: Includi sia il testo visibile CHE il contesto pertinente. Esempio: Se un'infografica mostra "Aumento del 25%", l'alt text dovrebbe includere sia il testo che il suo significato: "Infografica sulla crescita delle vendite: aumento del 25% anno su anno, confrontando il Q4 2024 con il Q4 2025."
R: Significativo. Google non può capire l'immagine (deve fare affidamento sull'alt text, sul testo circostante e sul riconoscimento visivo). La mancanza di alt text significa: (1) L'immagine non si classificherà in Google Immagini; (2) Contributo SEO perso alla pagina; (3) Potenziale penalità di accessibilità nei punteggi Lighthouse/PageSpeed; (4) Visibilità persa nella ricerca AI.
R: Solo se le immagini hanno veramente uno scopo e un contesto identici sulla stessa pagina, cosa rara. Di solito, un alt text unico per ogni immagine è migliore sia per l'accessibilità che per la SEO.
R: L'alt text generato dall'IA (da Alt Audit, riconoscimento immagini Google, GPT-4o) è pronto per la produzione per la maggior parte delle immagini del mondo reale. Tuttavia, è consigliato un flusso di lavoro di revisione della qualità per: (1) Immagini complesse che trasmettono dati specifici; (2) Contenuti legalmente sensibili; (3) Immagini in cui il contesto è critico. IA + revisione umana è l'approccio migliore.
R: (1) Leggilo ad alta voce da solo: ha senso senza vedere l'immagine? (2) Usa NVDA, VoiceOver o JAWS per testare con screen reader reali. (3) Disabilita le immagini nel tuo browser e leggi la pagina. (4) Chiedi a qualcuno con esperienza di rivederlo in base alle linee guida WCAG.
R: Sì, in molte giurisdizioni: EAA (UE), ADA Sezione 508 (USA), AODA (Canada) e altre. La mancanza di alt text è la violazione di accessibilità più comunemente citata nei casi legali. L'applicazione si intensifica nel 2026, rendendo la conformità essenziale.
alt="" (vuoto)Pronto a ottimizzare il tuo alt text? Inizia con il generatore gratuito di alt text basato su AI di Alt Audit. Ottieni 25 crediti mensili senza bisogno di carta di credito.
Written by
Founder & Web Accessibility Specialist
Full-Stack Laravel & WordPress PHP Developer with a passion for web accessibility. Building Alt Audit to help website owners ensure every image has meaningful alt text for better SEO and inclusivity.
LinkedInConnect article advice to the plugin, documentation, and a plan that fits your site volume.
Keep following the same topic with articles that connect naturally to this one.
March 3, 2026
Lotti con testi alternativi mancanti o inadeguati? Scopri come l'IA può automatizzare la correzione di massa del testo alternativo, migliorando SEO e accessibilità.
April 7, 2026
Guida completa alla generazione di alt text con IA nel 2026. Scopri perché l'alt text è importante per l'accessibilità e la SEO, le tendenze chiave che guidano l'adozione, le best practice con esempi e come gli strumenti di IA stanno trasformando la descrizione delle immagini su larga scala. Basato su ricerche WebAIM, W3C e Google.
November 4, 2024
Padroneggia l'ottimizzazione del testo alternativo di WordPress con la nostra guida completa. Scopri i migliori plugin, i flussi di lavoro automatizzati e le strategie comprovate per migliorare l'accessibilità e la SEO.
Inizia con il nostro generatore di testi alternativi gratuito basato su IA. Ottieni 25 crediti mensili senza carta di credito.
Inizia Gratis Oggi