Scrivere un alt che comunichi lo scopo, non i pixel
Descriva il significato dell'immagine nel suo contesto.
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.
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
- Informativa o decorativa: la prima decisione
- Scrivere un alt che comunichi lo scopo, non i pixel
- alt vuoto e immagine decorativa nascosta
- Immagini complesse: grafici, mappe e descrizioni lunghe