Web Accessibility Academy · Lezione

Scrivere un alt che comunichi lo scopo, non i pixel

Descriva il significato dell'immagine nel suo contesto.

Lezione 2 di 413 passaggi

Scrivere un alt che comunichi lo scopo, non i pixel è una lezione Web Accessibility Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Web Accessibility Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Web Accessibility Academy include 4 lezioni in totale.

Descrivere il significato, non l'aspetto

Un buon testo alt descrive cosa significa un'immagine nel contesto, non un resoconto pixel per pixel di ogni colore e forma.

Lo scopo prima dei pixel

Si chieda perché l'immagine è presente. La risposta è il suo scopo e il testo alt dovrebbe comunicarlo esattamente, senza aggiungere altro.

Eviti «immagine di»

Non inizi con «immagine di» o «foto di». Gli screen reader annunciano già che si tratta di un'immagine, quindi quelle parole fanno solo perdere tempo.

<img src="cat.jpg" alt="A tabby cat asleep on a keyboard">

Sia conciso

Punti a una frase breve ma completa, di solito inferiore a circa 125 caratteri. Se serve più spazio, l'immagine potrebbe essere complessa.

Il contesto cambia tutto

La stessa foto di un cane potrebbe mostrare un esempio di razza oppure raccontare la storia di un cliente soddisfatto. Lasci che il contesto circostante guidi le parole.

Immagini che sono link

Quando un'immagine è l'unico contenuto di un link, il suo alt deve descrivere la destinazione del link, non solo l'immagine.

<a href="/home"><img src="logo.svg" alt="Acme home"></a>

Immagini contenenti testo

Se un'immagine contiene parole, il testo alt deve includere tutto quel testo, affinché nulla vada perso per gli utenti non vedenti.

Non ripetere il testo vicino

Se una didascalia accanto all'immagine descrive già il contenuto, un alt vuoto evita che gli screen reader lo facciano ascoltare due volte.

Scrivere per ottenere equivalenza

Immagini di leggere il testo alt ad alta voce a una persona al telefono. Se comprende lo stesso messaggio, ha raggiunto una vera equivalenza.

Eviti il keyword stuffing

Il testo alt non è un contenitore per accumulare parole chiave SEO. Inserire troppe keywords danneggia gli utenti reali ed è proprio ciò che un buon testo alt evita.

La punteggiatura aiuta il ritmo

Termini il testo alt con un punto. Questa piccola punteggiatura dà allo screen reader una pausa naturale prima di proseguire.

Verifica rapida

Scelga il testo alt migliore tra quelli seguenti.

Riepilogo

Ottimi progressi! Un testo alt efficace esprime lo scopo in una frase concisa, evita «immagine di», rispetta il contesto e non accumula parole chiave.

Gratis per iniziare

Impara HTML con un tutor IA — gratis

Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.

Corsi
30
Lezioni
120

Domande Frequenti

La lezione «Scrivere un alt che comunichi lo scopo, non i pixel» è gratuita?

Sì — il testo completo di «Scrivere un alt che comunichi lo scopo, non i pixel» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Web Accessibility Academy, passa a CoddyKit PRO. Il corso Web Accessibility Academy include 4 lezioni in totale.

Cosa imparerò in «Scrivere un alt che comunichi lo scopo, non i pixel»?

Descriva il significato dell'immagine nel suo contesto. Eserciti Web Accessibility Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare Web Accessibility Academy?

Non è richiesta alcuna esperienza precedente. Web Accessibility Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.

Quanto tempo richiede la lezione «Scrivere un alt che comunichi lo scopo, non i pixel»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione Web Accessibility Academy?

Sì. Ogni lezione Web Accessibility Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. Informativa o decorativa: la prima decisione
  2. Scrivere un alt che comunichi lo scopo, non i pixel
  3. alt vuoto e immagine decorativa nascosta
  4. Immagini complesse: grafici, mappe e descrizioni lunghe
← Torna a Web Accessibility Academy