Immagini e grafici

Quando possibile utilizzate senza problemi le immagini ed i grafici nelle vostre pagine, rendereanno il testo più gradevole, leggibile e a anche più efficace.
I formati supportati sono:

JPEG per le fotografie
GIF per la grafica
PNG per entrambe (anche se preferibilmente per la grafica)

Requisiti delle immagini

Fornire una alternativa testuale equivalente per ogni immagine,
l’alternativa testuale deve essere commisurata alla funzione o contenuto dell'immagine.
Sono vietati oggetti e scritte lampeggianti o in movimento.
Testi in forma di immagini sono ammessi solo per loghi o banner.
Le immagini protette da © Copyright dovranno avere l´esplicito consenso dell´autore.
Se presenti, il logo della Regione o di Ermes devono essere inseriti come negli esempi: senza modifiche all'immagine, collegati al portale e con il corretto alternativo.

Suggerimenti

Inserire 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 l'alternativo anche nei i link realizzati con grafica.
Nel caso di immagini che rappresentano grafici e in situazioni analoghe è opportuno fornire la stessa quantità di informazioni in modo alternativo, ad esempio riassumendo in un blocco di testo sottostante i dati che quel grafico rappresenta. E' necessario anche fornire la tabella dei dati da cui il grafico proviene: o direttamente vicino al grafico, o in una pagina di approfondimento.
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.

Esempi

Esempio 1: immagine decorativa

Quando l'immagine non aggiunge nulla al testo, è possibile non inserire alcun testo alternativo.

ALT= vuoto

Pronto il piano di intervento dell'Agenzia regionale di Protezione civile in caso di blocchi prolungati di traffico

Esempio 2: logo o immagine che contiene testo

Il testo alternativo deve corrispondere almeno al testo presente nell'immagine (su Explorer basta lasciare il puntatore del mouse sull'immagine per qualche secondo per controllare il testo alternativo: apparirà come un fumetto).

ALT= Ermes - il portale della Regione Emilia-Romagna

Esempio 3: grafico

Nel caso di un grafico il testo alternativo corretto, è il nome della tabella che rappresenta.

ALT= consultazioni pubbliche tramite Web o e-mail

In Italia, rispetto ad altre nazioni europee, la tendenza ad utilizzare le consultazioni pubbliche dei cittadini tramite internet è ancora molto scarsa (vedi dati sulle consultazioni)
o in alternativa

Organizzazione di consultazioni pubbliche tramite Web o e-mail
	Percentuale Comuni
Emilia-Romagna	8,88%
Piemonte	2,50%
Comunidad Valenciana	14,80%
Hessen	19,60%
Wielkopolska	27,10%
Yorkshire and the Humber	81,82%
Wales	62,50%

Verifiche per le immagini

Tutte le verifiche possono essere fatte con la barra dell'accessibilità (versione 2.0), controllando:

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)

Linee guida per siti ed applicazioni web della Regione Emilia-Romagna

Menu principale