Cos’è un testo alternativo (Alt text)?
Il testo alternativo è un testo che viene assegnato a un’immagine e che viene letto dallo Screen Reader. Questo permette alle persone con varie disabilità di navigare sul sito ricavando le informazioni che altrimenti sarebbero perse. Uno degli errori più frequenti sull’accessibilità web è legato proprio ai testi alternativi. Non è vero che si deve sempre mettere il testo alternativo. Ci sono immagini decorative che non devono averlo.
Bisogna sempre mettere il testo alternativo?
Il W3C ci aiuta a capire per quali tipi di immagini è utile metterlo:
- Immagini informative: SÌ
- Immagini decorative: cornici o di supporto al testo -> NO
- Immagini funziona: come bottoni e link -> dipende, in generale SÌ
- Immagini con testo: SÌ
- Immagini complesse: grafici e diagrammi -> SÌ
- Gruppi di immagini: SÌ
- Mappa: ad esempio alberi genealogici -> SÌ
Rimando ai link W3C per approfondire l’uso dei testi alternativi nelle immagini.
Non servono i testi alternativi per le immagini decorative
I suggerimenti di W3C sono:
- Mettere alt=”” (nullo) oppure alt=” ” (vuoto). È la stessa cosa. Permette allo Screen Reader di non annunciare la foto, facendo risparmiare tempo a chi naviga il sito;
- Mettere le immagini decorative nel CSS.
Alcuni esempi di immagini decorative
- Immagine usata come parte del design della pagina: ad esempio per cornici ed elementi grafici. Per le cornici di separazione è indicato l’uso del tag html <hr />;
- Immagini decorative come parte di un link: basta e avanza il testo del link per comunicare la pagina visitabile;
- Immagine affiancata a testo alternativo: se vicino c’è il testo che spiega la foto, allora è inutile aggiungere un ulteriore testo;
- Immagine usata per ambientazione: se l’immagine serve solo per attirare l’attenzione visiva non serve un Alt text.
Il testo alternativo è importante per la SEO
Certo. Google è un motore di ricerca “cieco” quindi analizza i contenuti multimediali basandosi sui testi. Questo aiuta l’indicizzazione sul motore di ricerca, ma non vuol dire che bisogna abusarne. Gli Alt text sono stati pensati per aiutare le persone. Se miglioriamo l’esperienza d’uso miglioriamo anche la percezione di Google nei confronti del sito.
Progettiamo per le persone (e usiamo il buon senso).
Crediti foto: Annie Spratt (Unsplash)
Capire come usare le immagine decorative
Il testo alternativo è un testo che viene assegnato a un’immagine e che viene letto dallo Screen Reader. Questo permette alle persone con varie disabilità di navigare sul sito ricavando le informazioni che altrimenti sarebbero perse. Uno degli errori più frequenti sull’accessibilità web è legato proprio ai testi alternativi. Non è vero che si deve sempre mettere il testo alternativo. Ci sono immagini decorative che non devono averlo.
