Testi descrittivi e immagini collegate
pubblicato in data 14.02.08, da , commenti: 0
Tradotto dall’originale Alt text and linked images di , pubblicato su www.webaim.org
Il testo descrittivo per le immagini è la regola numero uno per l’accessibilità sul web. Sebbene l’assenza di testo alternativo appropriato sia forse la barriera più grande per gli utenti di screen reader, ho notato un notevole incremento nell’uso del testo alternativo e quindi in generale dell’accessibilità sul web negli ultimi anni. Ad ogni modo, c’é da segnalare una tendenza davvero pericolosa nell’ignorare i testi alternativi appropriati per le immagini con collegamenti ipertestuali.
Quando un’immagine non ha un attributo alt o quando questo è vuoto o nullo (alt=""), gli screen reader semplicemente ignorano le immagini. Le immagini decorative dovrebbero avere il tag vuoto o nullo. Quando il contenuto dell’immagine si trova altrove, come nella didascalia, anche in questo caso si può associare all’immagine un testo vuoto. Comunque, tutte le volte che l’immagine è il solo contenuto di un collegamento, l’immagine DEVE avere un testo alternativo che presenta la funzione di quel collegamento. Considerate i seguenti esempi presi da un album fotografico:
Foto di un’impressionante scarica di lampi. In questo caso, il contenuto dell’immagine si trova nella didascalia percui l’immagine può avere alt vuoto.
Foto di un’impressionante scarica di lampi.Nell’esempio sopra, l’immagine stessa è un collegamento. Quando lo screen reader lo incontra, esso deve presentare qualcosa all’utente. Per i collegamenti testuali, normalmente viene identificato il collegamento e letto il testo al suo interno. Quando il contenuto è un’immagine che non ha testo alternativo, lo screen reader non ha modo di identificare il collegamento. Come conseguenza, o verrà letto il nome dell’immagine o l’URL della pagina a cui è collegata. Nella maggior parte dei casi, ciò ha poco o nessun senso per l’utente ovvero, peggio ancora, rende la pagina ancor meno accessibile di quanto lo sarebbe se l’immagine e il collegamento venissero entrambi ignorati.
Le immagini collegate cominciano a prevalere ma raramente hanno testi alternativi appropriati. Nell’esempio sopra, una soluzione sarebbe quella di duplicare la didascalia all’interno del testo alternativo dell’immagine. Ciò crea ridondanza – lo screen reader leggerebbe qualcosa del tipo “Collegamento.Foto di un’impressionante scarica di lampi.Foto di un’impressionante scarica di lampi” Una soluzione ancora migliore è inserire sia l’immagine SIA la didascalia all’interno del collegamento.
Foto di un’impressionante scarica di lampi
Nell’esempio sopra, poiché il testo all’interno del collegamento fornisce il contenuto dell’immagine e la funzione del collegamento, all’immagine stessa si può attribuire un alt vuoto. Il gruppo di lavoro HTML 5 propone che l’attributo alt sia reso facoltativo per le immagini. La motivazione è che gli screen reader ignorano immagini senza attributi alt percui non c’é motivo di renderlo obbligatorio per quelle immagini che non ne hanno bisogno. L’argomentazione è piuttosto logica sebbene credo che questo favorisca un approccio ancor più lasco all’accessibilità e finisca per produrre ancor più immagini ricche di contenuto che mancano di testi alternativi. Ma quando l’immagine è il solo elemento all’interno di un collegamento, essa deve avere testo alternativo così da fornire una funzione di quest’ultimo a tutti gli utenti. A meno che le specifiche dell’HTML 5 lo richiedano, il proposito di rendere gli attributi alt facoltativi favorirebbe certamente un contesto di minore accessibilità .