Accessibilità

Come scrivere il testo alternativo per le immagini generate con l'IA

Il testo alternativo dice a chi non vede un'immagine cosa mostra. Una formula semplice, quando lasciarlo vuoto ed esempi per prodotti, illustrazioni e grafici.

5 min di lettura
Una piccola lente d'ingrandimento d'ottone in piedi su un tavolo scuro, con una luce viola che brilla attraverso la lente e una morbida foschia dietro

Hai creato un'immagine, è esattamente come la volevi, e ora l'editor della pagina ti chiede il "testo alternativo". La maggior parte delle persone scrive il nome del file, incolla il prompt o salta il campo. Tutte e tre le cose sprecano il campo. Il testo alternativo è un pugno di parole che sostituiscono l'immagine quando non si può vedere: per chi usa uno screen reader, per un visitatore con una connessione lenta, per un motore di ricerca che legge la pagina. Questo è un modo breve e pratico per scriverlo per le immagini che hai generato tu.

A cosa serve davvero il testo alternativo

Ha un solo compito: dare a chi legge ciò che l'immagine dà a chi la vede, nel punto in cui l'immagine si trova. Non è una didascalia (la didascalia è visibile a tutti e aggiunge contesto) e non è un campo per parole chiave. I motori di ricerca lo leggono, e una descrizione chiara e onesta li aiuta a capire la pagina, ma una frase imbottita di termini di ricerca non aiuta nessuno, e chi usa uno screen reader se ne accorge subito.

Una formula semplice

Fatti tre domande, in quest'ordine, e scrivi una frase semplice con le risposte.

  1. Cos'è? Il soggetto principale, con parole di tutti i giorni: una tazza di ceramica, un faro, un grafico a barre.
  2. Cosa conta di esso qui? Il dettaglio di cui la pagina ha bisogno: il colore del prodotto, l'atmosfera della copertina, l'andamento del grafico.
  3. Che tipo di immagine è? Solo quando cambia il significato: illustrazione, render 3D, render in stile fotografico, acquerello.

Tienilo a circa una frase. Evita "immagine di" e "foto di": lo screen reader annuncia già che si tratta di un'immagine.

Informativa o decorativa: decidi prima

Prima di scrivere qualsiasi cosa, chiediti se l'immagine porta informazioni che il testo accanto non ha. La foto di un prodotto in una scheda prodotto le ha. Uno sfondo astratto e calmo dietro un titolo no. A un'immagine decorativa va dato un attributo alt vuoto (alt=""), che dice agli strumenti assistivi di saltarla. È meglio di una descrizione che costringe qualcuno ad ascoltare "sfumatura viola con luce morbida" tre volte per pagina.

  • Informativa: foto di prodotto, illustrazioni che spiegano qualcosa, grafici, la copertina di un articolo. Descrivile.
  • Decorativa: texture, separatori, sfondi d'atmosfera, un'immagine d'intestazione che ripete soltanto il titolo. Lascia l'alt vuoto.
  • Funzionale: un'immagine dentro un link o un pulsante. Descrivi dove porta o cosa fa, non come appare.

Descrivi lo stile con onestà

Un'immagine generata non è la fotografia di un luogo reale, e il testo alternativo non deve far finta che lo sia. Se lo stile conta per chi legge, dì qual è: "Illustrazione di un faro su una scogliera al tramonto" oppure "Render di prodotto di una tazza di ceramica su un tavolo di rovere". Non scrivere "foto di" per qualcosa che non è mai stato fotografato. Lo scopo non è pubblicizzare lo strumento, ma evitare di ingannare chi non può verificare da sé. Se pubblichi immagini generate, la guida per riconoscere le immagini IA tratta l'altro lato di questa onestà.

Tre esempi

Una foto di prodotto

In una pagina di negozio chi legge ha bisogno di ciò che vedrebbe un cliente: colore, forma, l'ambientazione solo se conta.

Prompt
Rendered product image of a matte green ceramic mug with a wide handle, on a light oak table in soft window light
Soggetto, il dettaglio che conta e il tipo onesto di immagine. Nessuna parola chiave aggiunta.

Un'illustrazione

Per una copertina di blog che crea atmosfera basta una frase breve, e un alt vuoto va bene se il titolo lo dice già.

Prompt
Watercolour-style illustration of a small boat under a large moon on calm water

Un'immagine simile a un grafico

Qui l'immagine porta dati, quindi l'alt deve portare il messaggio. Attenzione: i modelli di immagini disegnano cose che sembrano grafici, ma i loro numeri e le loro etichette non sono affidabili (la guida a mani e testo spiega perché). Costruisci un vero grafico con uno strumento apposito e scrivi l'alt dai suoi dati reali. Metti le cifre complete in una tabella o nel testo accanto.

Prompt
Bar chart of monthly signups rising each month from January to June, with the largest jump in April
Il messaggio, non i colori. I valori esatti vanno nel testo della pagina.

Usa il prompt come bozza, non come copia

Il prompt che hai scritto è una prima bozza utile, perché nomina già il soggetto. Non incollarlo, però. Un buon prompt è una ricetta per il modello: contiene termini di illuminazione, parole di camera e tag di stile che per chi ascolta non significano nulla (la guida ai prompt spiega perché aiutano il modello). Inoltre un prompt descrive ciò che volevi, mentre il testo alternativo deve descrivere ciò che c'è davvero nell'immagine finita. I modelli si perdono: la terza tazza può non avere il manico. Guarda il risultato, poi tieni il soggetto del tuo prompt, elimina le parole tecniche e correggi ciò che non è venuto come chiesto.

Una checklist rapida

  • L'immagine è informativa, decorativa o funzionale?
  • Una frase, prima il soggetto, senza "immagine di".
  • Il dettaglio di cui ha bisogno questa pagina, non ogni dettaglio.
  • Il tipo di immagine indicato quando conta (illustrazione, render).
  • Corrisponde all'immagine finale, non solo al prompt.
  • Niente elenchi di parole chiave, niente nomi di file.

Cosa fa e cosa non fa lo studio

Lo studio crea l'immagine; non scrive il testo alternativo al posto tuo e non lo aggiunge ai tuoi download. L'immagine arriva a 2K e la descrizione tocca a te scriverla dove la pubblichi, cioè dove si conosce il contesto della pagina. È una tua scelta: solo tu sai a cosa serve l'immagine. Per il lavoro su prodotti e copertine, gli articoli sulla fotografia di prodotto e sulle immagini d'intestazione del blog mostrano le immagini a cui questo consiglio si applica. Apri lo studio per crearle, oppure guarda la pagina dei modelli per gli stili disponibili.

Domande

Quanto deve essere lungo il testo alternativo?

Circa una frase chiara. Abbastanza lunga da dire cosa mostra l'immagine e perché è lì, abbastanza breve da ascoltarla in pochi secondi. Le spiegazioni più lunghe, come i dati di un grafico, vanno nel testo della pagina.

Devo incollare il mio prompt IA come testo alternativo?

No. Usalo come bozza per il soggetto, poi togli i termini di illuminazione, camera e stile e confrontalo con l'immagine finita, perché il risultato può differire dal prompt.

L'arte IA decorativa ha bisogno del testo alternativo?

No. Se l'immagine non aggiunge informazioni, usa un attributo alt vuoto così gli screen reader la saltano. Alle immagini informative dai invece una breve descrizione.

Lo studio scrive il testo alternativo in automatico?

No. Genera soltanto l'immagine. La descrizione la scrivi tu dove la pubblichi, perché conosci la pagina a cui appartiene.

#Accessibilità#SEO#Immagini

Continua a leggere

Tutti gli articoli →