Il testo alternativo
Monday 10 September 2007 Marco Bertoni, ultimo aggiornamento: Tuesday 19 August 2008.
La funzione del testo alternativo è quella di fornire allo screen reader una rappresentazione del contenuto informativo di un oggetto non di testo, quando esso è rilevante per la comprensione dei contenuti.
Mi capita spesso di analizzare siti nei quali o i testi alternativi per le immagini sono assenti, oppure inseriti in modo scorretto. Credo che il problema, almeno in alcuni casi, sia la confusione tra il concetto di immagine decorativa e immagine rilevante per la comprensione del testo.
L’attributo alt è obbligatorio per i marcatori IMG e AREA mentre è opzionale per gli elementi INPUT e APPLET.
Tutti i marcatori per le immagini in tutto il sito, senza distinzione, devono contenere l’attributo alt. Se le immagini sono decorative deve essere inserito nullo: alt="". Se l’immagine è rilevante per la comprensione del testo, deve essere equivalente al contenuto informativo veicolato dall’oggetto al quale si applica.
Quando si utilizzano testi in formato immagine (ovvero immagini che contengono testo), il testo alternativo deve corrispondere esattamente al testo rappresentato nell’immagine. Questa osservazione vale per tutti i testi alternativi non conformi al testo dell’immagine ai quali sono associati eventualmente presenti in un sito.
Ecco in sintesi le regole generali per l’inserimento dei testi alternativi:
| Caso | Testo alternativo |
|---|---|
| Immagine decorativa. | Nullo (alt="") |
| Testo in formato immagine. | Identico al testo contenuto nell’immagine (senza aggiunte o omissioni). |
| Immagine importante per la comprensione del testo. | Descrizione del significato dell’immagine. |
Friday 21 September 2007 11:09
Ciao,
post molto chiaro. Per completezza aggiungerei che alt è molto utile (anche se non obbligatorio) quando il tag input è di tipo immagine.
Friday 21 September 2007 11:24
Ciao Andrea, ovviamente concordo!