Scrivere descrizioni adeguate
Segui queste best practice per scrivere descrizioni delle immagini adeguate:
- Descrivi l’immagine in relazione al contesto della pagina. Spiega l’intero significato dell’immagine.
- Evita espressioni come “immagine di” o “foto di”. Gli screen reader annunciano automaticamente le immagini in quanto tali.
- Esprimi i concetti in modo conciso.
- Scrivi descrizioni dettagliate per le immagini complesse come le infografiche e inseriscile nella stessa pagina, subito dopo l’infografica. Inserisci un anchor link nella parte superiore della pagina per visualizzare il testo alternativo. Visualizza un esempio di infografica con testo alternativo.
- Evita di inserire immagini testuali. Se proprio non puoi farne a meno, copia il testo dell’immagine nella descrizione alternativa.
- Di’ qualcosa di diverso. Non ripetere le descrizioni alternative nella stessa immagine. Non ripetere ciò che hai già detto nella pagina.
- Identifica le immagini che non raffigurano contenuti rilevanti come decorative.
Che cos’è un’immagine decorativa?
Un’immagine è decorativa quando non aggiunge informazioni alla pagina. Ad esempio, una cornice utilizzata per separare gli argomenti o la foto di una persona al telefono affiancata a un testo che tratta di capacità comunicative.
Sono importanti per l’impatto visivo che hanno, ma non è necessario che vengano lette da uno screen reader.
Perché le descrizioni alternative delle immagini sono importanti?
Ci sono molti motivi per cui utilizzare le descrizioni alternative delle immagini.
- Le descrizioni alternative, o testo alternativo, sono presenti nelle linee guida WCAG 2.1
- Gli studenti possono cercare un’immagine
- Gli studenti ipovedenti hanno difficoltà a visualizzare le immagini
- Gli studenti con una scarsa connessione di rete potrebbero avere difficoltà a visualizzare le immagini
- Gli screen reader non sono in grado di leggere le immagini
- Alcuni studenti apprendono meglio dalle descrizioni che dalle immagini
- È più semplice ridimensionare il testo rispetto alla maggior parte delle immagini quando si ingrandisce la schermata o la pagina