Immagini
Tre consigli per immagini efficaci
Un’immagine si guadagna il proprio posto quando insegna qualcosa e deve essere accessibile a tutti i presenti nella stanza. Queste tre abitudini garantiscono che sia così.
Inizia con queste:
- Scrivi un testo alternativo che spieghi l’immagine
- Utilizza immagini nitide con un buon contrasto
- Non inserire testo vero e proprio nelle immagini
Scrivi un testo alternativo che spieghi l’immagine
Il testo alternativo è l’unica versione dell’immagine che alcune persone vedranno mai.
Un utente che utilizza uno screen reader, o chiunque disponga di una connessione lenta che impedisca il caricamento dell’immagine, non ha altro su cui basarsi. Se lo lasci vuoto, non riceverà alcuna informazione; se scrivi “grafico”, non otterrà nulla di utile. Il testo alternativo corretto dipende dal motivo per cui l’immagine è presente nella pagina, quindi descrivi ciò che essa intende comunicare e lascia vuoto il campo per le immagini puramente decorative, in modo che vengano saltate. Le immagini complesse, come grafici e diagrammi, richiedono una descrizione più completa nel testo adiacente.
Alcuni esempi:
- Per un grafico a barre che mostra un andamento, “grafico a barre” come testo alternativo non fornisce al lettore alcuna informazione utile. Scrivete ciò che mostra, ad esempio “Le iscrizioni sono aumentate ogni anno dal 2019 al 2024”. Fornite poi i dati sottostanti nel testo o in una tabella per chiunque ne abbia bisogno.
- Una foto utilizzata esclusivamente a scopo decorativo non ha alcun valore didattico. Assegnatele un testo alternativo vuoto, scritto come alt=””, in modo che uno screen reader la salti. Altrimenti il lettore viene bloccato da una descrizione che non aggiunge nulla.
- Un diagramma del ciclo dell’acqua utilizzato per illustrarne le fasi necessita di un testo alternativo che nomini tali fasi in ordine. I dettagli più completi devono essere inseriti nel testo circostante, dove ogni studente possa leggerli. In questo modo, l’insegnamento non rimane confinato all’interno di un’immagine che alcune persone non possono vedere.
Per approfondire l’argomento, ecco due riferimenti:
Utilizzare immagini nitide con un buon contrasto
Un’immagine sfocata o sbiadita non va bene per le stesse persone per cui non va bene un testo a basso contrasto.
La situazione peggiora nel momento in cui qualcuno ingrandisce l’immagine per leggerla, che è esattamente ciò che fa uno studente ipovedente. Il grigio chiaro e il giallo pallido sono i soliti colpevoli, specialmente su sfondo bianco. Partite da una fonte nitida e ad alta risoluzione piuttosto che ingrandire qualcosa di piccolo, e controllate il contrasto delle parti che effettivamente veicolano significato.
Ecco come appare nella pratica:
- Un diagramma disegnato con linee grigio chiaro su sfondo bianco è difficile da distinguere, e lo è ancora di più su uno schermo poco luminoso. Il dettaglio che veicola il significato è proprio la parte che svanisce. Ridisegnalo con linee più scure in modo che gli elementi importanti risaltino.
- Uno screenshot sgranato di una diapositiva diventa ancora più sfocato nel momento in cui uno studente ingrandisce l’immagine per leggerla. Gli studenti ipovedenti ingrandiscono spesso, quindi il problema colpisce proprio le persone che meno se lo possono permettere. Utilizzate invece l’immagine originale, nitida.
- Una foto con la didascalia scritta in bianco su uno sfondo di cielo luminoso rende la didascalia invisibile a molti lettori. Le parole più importanti sono quelle più difficili da vedere. Spostate la didascalia sotto l’immagine, trasformandola in testo vero e proprio, oppure scuritela fino a renderla leggibile.
Due risorse che vale la pena leggere:
Non inserire testo all’interno di un’immagine
Il testo incorporato in un’immagine non può essere letto ad alta voce, cercato, selezionato, tradotto o ridimensionato.
Inoltre, diventa illeggibile non appena uno studente ipovedente ingrandisce l’immagine. Il testo vero e proprio consente tutte queste operazioni e rimane nitido a qualsiasi dimensione, quindi l’impostazione predefinita dovrebbe essere il testo vero e proprio con l’aggiunta di uno stile. La matematica è la trappola più comune in questo caso, quindi utilizzate MathJax o LaTeX per le equazioni piuttosto che un’immagine della formula.
Come funziona:
- Un grafico delle “date chiave” con le date disegnate direttamente nell’immagine non può essere letto ad alta voce, cercato o ridimensionato. Un utente di uno screen reader non riceve nessuna delle date. Inserite invece le date come testo vero e proprio e applicate lo stile al riquadro che le circonda.
- Uno screenshot di un’equazione diventa illeggibile quando uno studente lo ingrandisce. Inoltre, non può essere letto dalle tecnologie assistive né copiato negli appunti. Scrivete l’equazione in MathJax o LaTeX in modo che si ridimensioni correttamente e venga letta come formula matematica corretta.
- Una citazione trasformata in un’immagine condivisibile senza didascalia esclude chiunque utilizzi uno screen reader. Le parole esistono solo come pixel. Inserite lo stesso testo nella pagina come testo vero e proprio, dove possa essere letto, cercato e tradotto.
Due risorse per approfondire l’argomento: