Mappe Immagine
Una mappa cliccabile (mappe immagine, imagemap, image map) è un’immagine sulla cui superficie sono presenti aree sensibili che l’utente può cliccare per attivare determinate azioni.
Esistono due tipi di imagemap: quelle lato server, ormai in disuso, in cui l’elaborazione del punto cliccato è affidata ad una applicazione CGI sul server (ISMAP), e quelle lato client, in cui nell’HTML stesso sono descritte le aree e le azioni che il browser web deve intraprendere in caso di selezione da parte dell’utente (USEMAP). Ormai i browser supportano tutti le image maps lato client con qualunque forma (rettangoli, cerchi, poligoni), per cui l’utilizzo delle image maps lato server dovrebbe essere diventato inutile.
Requisiti delle mappe immagine
- Utilizzare mappe immagine sensibili di tipo lato client
salvo il caso in cui le zone sensibili non possano essere definite con una delle forme geometriche.
- In caso di utilizzo di mappe immagine lato server, fornire i collegamenti di testo alternativi necessari per ottenere tutte le informazioni o i servizi raggiungibili interagendo direttamente con la mappa.
Suggerimenti
- In generale le immagini sono meno accessibili del testo, occorre rispettare sia i requisiti legati a colore, sia i requisiti legati alle immagini, e in più è bene ricordare che immagini e aree di dimensioni ridotte le rendono meno accessibili a disabili motori ed ipovedenti.
- Per le image maps lato server è necessario fornire una serie di links alternativi che elenchino le azioni attivate attraverso le coordinate dall’applicazione CGI; ad esempio, se l’image map è la cartina dell’Italia e le aree sensibili sono le regioni italiane, nella pagina web dovrà esserci l’elenco dei link espliciti alle pagine relative alle 20 regioni;
- Per le image maps lato client, occorre assegnare l’attributo ALT a tutte le aree che compongono la mappa. Il browser testuale o lo screen reader vedranno le aree come una serie di links.
Esempi
Un esempio di mappa immagine accessibile a cui è affiancato l'elenco delle zone sensibili: il risultato estetico è accettabile e l'accessibilità maggiore rispetto ad avere la sola immagine.
Verifiche per le mappe immagine
Tramite la
barra dell'accessibilità (versione 2.0) , si possono individuare rapidamente le mappe immagine da:
Immagini > Visualizza le mappe immagine [nuova finestra].
Una verifica manuale anche senza strumenti particolari si può effettuare con Internet Explorer: sulle zone sensibili delle mappe immagini correttamente marcate, appare un "fumetto" contentente l'alternativo testuale
Linee guida per siti ed applicazioni web della Regione Emilia-Romagna
