immagine mappata. Accessibilità?

[zoom]

ho un problema.
vorrei inserire un'immagine con un link a mappa.
a livello di accessibilità il consiglio è

Per le immagini sensibili usare l'attributo "alt" con AREA oppure usare l'elemento MAP con gli elementi A (e altro testo) come contenuto.

:master:

ma se io ho 18 link su un'immagine cosa devo scrivere nell'alt? :master:
dubbio dubbio...
e poi come la vedete a livello di accessibilità?
non le ho mai usate perchè non mi piacciono, ma in questo caso sarebbe proprio comodo...

[Federix]

Quando specifichi i vari link nel tag map, devi specificare anche l'alt per ogni shape:

<map name="Map">
  <area shape="rect" href="#" alt="mail">
  <area shape="rect" href="#" alt="sito">
  <area shape="rect" href="#" alt="rss">
</map>

[zoom]

grazie mille.
farò una prova...

[jepers]

Secondo me a livello di accessibilità non è proprio il massimo, è meglio se sono semplici link, al limite gli costruisci con gli sfondi una grafica carina.

[JHammer]

Io propongo invece questo: perchè non implementi sia una mappa che una lista di link?

Se la lista di link ti urta a livello grafico puoi disabilitarne la visualizzazione con display:none;
Nel foglio di stile aural (e anche print) disabiliti invece la mappa e mostri la lista.

Se ti preme davvero l'accessibilità...

[zoom]

Originariamente inviato da jepers
Secondo me a livello di accessibilità non è proprio il massimo, è meglio se sono semplici link, al limite gli costruisci con gli sfondi una grafica carina.

io devo linkare un'immagine, non mi interessa avere uno sfondo colorato...
la serie di link la potrei anche mettere, però se risulta accessibile una mappa (e comunque l'unica raccomandazione wai è proprio quella degli alt) evito di metterla e sono più contento...

[zoom]

ok, dopo un po' di prove penso di aver trovato il compromesso migliore.
visto che gli screenReader simpaticamente non leggono niente di quello che c'è all'interno della mappa

<object data="/img/mappa_italia.gif" type="image/gif" usemap="#Map" title="Cartina dell'Italia per la selezione della regione">
Emilia Romagna - 

<map name="Map">
<area shape...
</map>

</object>

in questo modo chi non supporta l'object (finora ho trovato solo gli screenreader) avrà a disposizione i link senza mappa.
resta il problema che non li visualizza, quindi se non è un browser vocali non viene letto.
devo superare quest'ultimo problemino e poi dovrebbe essere a posto

vediamo se riesco a risolvere tutto...