• il formato dovrà essere supportato dai browser più utilizzati (in genere JPEG per le immagini fotografiche e GIF o, preferibilmente, PNG per la grafica - vedi le schede di dettaglio sui formati)
• il "peso" di un´immagine da inserire in una pagina html dovrebbe essere di pochi Kb per non appesantire troppo la pagina stessa; qualora fosse necessario inserire immagini di dimensione superiore ai 50 Kb (immagini di mostre o quadri o altro) è consigliabile indicare la dimensione in byte dell´immagine a fianco del link che la richiama in modo tale che il navigatore sia consapevole del tempo necessario per lo scarico della stessa ed eventualmente mostrare prima una piccola anteprima cliccabile, per espandere l´immagine.
• Associare alle immagini descrizioni appropriate e verificare la congruenza dei testi
• Si può inserire un ALT="" (vuoto) per quelle immagini che non aggiungono nulla d´informativo al contesto della pagina (fotografie o icone puramente decorative)
• Inserire il testo alternativo anche nei link realizzati con grafica e nei bottoni immagine dei forms.
• Se si utilizzano sequenze di link con immagini adiacenti (bottoniere, imagemaps), e se si affiancano due o più immagini, inserire nel testo dell´ALT dei segni di punteggiatura o racchiuderli tra parentesi per far sí che i vari testi vengano letti correttamente dagli screen-reader.
• Nel caso di immagini che rappresentano grafici e in situazioni analoghe è opportuno fornire la stessa quantità di informazioni in modo alternativo, ad esempio riassumento in un blocco di testo sottostante i dati che quel grafico rappresenta.

Testo alternativo

il link di un logo ben commentato:

<a href="..."><img src="..." alt="Ermes - Regione Emilia-Romagna, torna alla home page" ... /></a>

Logo della Regione Emilia-Romagna

E' necessario inserire in ogni sito Web (possibilmente in alto a destra) il logo della Regione collegato al sito www.regione.emilia-romagna.it.

Per informazioni sull'uso corretto del logo, fare sempre riferimento al Manuale d'immagine coordinata della Regione Emilia-Romagna [Documento PDF - 7229 kB].

<img src="http://www.regione.emilia-romagna.it/images/loghi/rer200.gif"
alt="Regione Emilia-Romagna" />

<img src="http://www.regione.emilia-romagna.it/images/loghi/rer100.gif"
alt="Regione Emilia-Romagna" />

<img src="http://www.regione.emilia-romagna.it/images/logopictra.gif" alt="Logo Regione Emilia-Romagna" width="120" height= "17">

<img src="http://www.regione.emilia-romagna.it/images/logotra.gif" alt="Logo Regione Emilia-Romagna" width="200" height= "28">< /SPAN>

Immagini senza ALT

Immagine senza attributo ALT:

<img src="/sezione1/immagini/grafico001.jpg">

La sintesi vocale leggerà:
"Grafico /sezione1/immagini/grafico001.jpg"
Si provi ad immaginare che confusione suscita una serie di immagini lette a codici come questa!

• Alternativi: Immagini > Rimuovi immagini
  per verificare che tutte le immagini che veicolano informazioni o hanno una funzione abbiano il corretto testo alternativo
• Immagini in movimento: Immagini > Test frequenza GIF animate
  verranno segnalate le eventuali immagini in movimento e quelle che per il loro lampeggiamento, potrebbero causare problemi a chi soffre di epilessia fotosensibile (solo per pagine on-line)

Menu della sezione

Per Tecnici

• Server Web
• Pagine (X)HTML
• Fogli di stile CSS
• Immagini
• Link
• Tabelle
• Form
• Multimedia
• Pagine ASP
• Script, applet e plug-in
• RSS
• Riepilogo dei requisiti e verifiche

Approfondimenti

• Mappe Immagine

Link esterni

• Manuale d'immagine coordinata
  Come usare il logo e realizzare la grafica dei siti in accordo con l'immagine coordinata della Regione Emilia-Romagna
• La barra dell'accessibilità per Explorer
  versione italiana 2.0
• Uso appropriato dei testi alternativi
  Progettare in modo accessibile significa anche presentare informazioni che non dipendono da elementi grafici e trovare il modo migliore di predisporre alternative testuali equivalenti ed esaustive.