Mapas accesibles, usabes y navegables
Publicado el: 18/12/2007 - 04:46 
Para uno de los últimos proyectos en los que estoy trabajando: Turing Buceo -de los chicos de TA Incentivos y Turing Activa-, me han surgido varios interrogantes sobre la accesibilidad y los mapas de imágenes.
Una vez recortado el diseño (que consta de un mapa navegable) se me planteó si sería mejor buscar "trucos" con xHTML + CSS + algún que otro javascript, para intentar que el código fuese lo más limpio posible o hacerlo como antaño, generando un área poligonal en la imagen para discriminar zonas de buceo.
Pese a que el mapa en la imagen puede llegar a ser totalmente accesible, me decanté por el truco del señor Seth Duffey y usar "tooltips" en las zonas del mapa. Así la navegación será mucho mejor a través de móviles y pda's, mayor densidad de palabras clave y más "chicha" para google.
La moraleja:
Si estás buscando darle interactividad a un mapa poligonal (ojo poligonal, no con rectángulos) a través de CSS, con algo como esto:
area:hover{};
#map:hover{};
<map name="nombre del mapa" id="map">
<area shape="poly" coords="(...)" href="#" />
Tira la toalla y no pierdas el tiempo, porque el único método para hacer algo similar con xml sería con gráficos vectoriales SVG.
EDITO: Al final se hizo otra cosa completamente diferente, ejem.
Escribe un comentario
* = campos obligatorios