Immagini: il testo alternativo

L'alt (spesso chiamato tag, ma in realta' e' un attributo) fornisce una versione alternativa in testo delle immagini. Per l'accessibilità è il primo punto da soddisfare secondo la checklist del W3C.

Il testo alternativo è efficace quando:

1. Conciso
2. Significativo nel contesto
3. Significativo fuori dal contesto

La lunghezza massima:150 lettere inclusi spazi e punteggiatura. Come ho visto in alcuni siti, l'alt perde valore se diventa descrittivo e non alternativa dell'immagine. Il logo che collega alla home page puo avere come testo alternativo "Vai alla home page", evitare testi come "Nome azienda - slogan" o peggio ancora "Il logo e' rosso con sfondo bianco con scritto ecc...".

Significativo nel contesto: il testo alternativo deve essere integrato nel contesto della pagina. Immaginate di convertire le immagini con i loro alt: leggendo l'intera schermata come fosse una pagina i testi alternativi devono sentirsi parte di quel contesto. Esempio se il titolo o degli elementi sono in immagini, con i testi alternativi leggo l'insieme senza problemi.

Significativo fuori dal contesto: l'alt deve spiegarsi da solo. Se una immagine e' un link, l'utente deve capirlo soltanto leggendo quel testo.

Da ricordare

• gli screen reader leggono il testo molto lentamente: quindi anche i testi alternativi saranno letti alla stessa maniera. Motivo in piu' per essere concisi.
• L'alt non e' una didascalia dell'immagine. In Internet Explorer appaiono sempre come tooltips, in Mozilla e simili l'alt viene usato (correttamente) come alternativa se le immagini sono disabilitate. Per le didascalie usate il triumvirato di tag dd, dl, dt.

Per testare i testi alternativi usate un browser testuale come Lynx o la modalita' testo di Opera. Firebird e Mozilla possono essere arricchiti di una estensione chiamata Webdeveloper:segnala nella pagina le immagini senza alt.

Archivio: