Índice del Curso Página de inicio del manual Tabla de contenidos de las directrices Tabla de contenidos de los puntos de verificación Tabla de contenidos de los ejemplos Tabla de contenidos de procedimiento de aplicación Manual de aplicación de las WCAG 1.0 PreviaContenidosCambiar estilo

1.2 Proporcionar enlaces redundantes para un mapa de imagen del servidor

Prioridad 1

Un mapa de imagen es un gráfico en el que se han definido áreas --mediante conjuntos de coordenadas-- que actuarán como enlaces cuando el usuario haga clic en cada una de ellas. En HTML se admite dos tipos de mapas: de tipo cliente (el navegador procesa un URL) y los de tipo servidor (el servidor procesa las coordenadas que señala el puntero del ratón).

Los mapas de imagen del tipo servidor pueden ser reconocidos porque, al mover el cursor del ratón sobre él, la barra de estado del navegador no muestra la URL correspondiente sino una serie de coordenadas x e y. Examinando el código de la página se lo reconoce por el atributo "ismap" asignado al elemento <IMG>.

Se recomienda utilizar los mapas de tipo cliente por cuanto los del tipo servidor no proporcionan ninguna información textual acerca de los enlaces que contiene y requieren un dispositivo de entrada específico (un ratón). Se debe proporcionar información redundante creando una lista en formato texto de todos los vínculos definidos en el mapa, de modo que puedan ser activados también a través del teclado.

El gráfico que contiene el mapa de imagen lleva un texto alternativo indicando que pueden utilizarse los enlaces en modo texto.

Mapa de imagen. Utilice los enlaces que aparecen a continuación
[ África | América | Antártida | Asia | Europa | Oceanía ]

<a href="mapa.map">
   <img ismap src="mapa.gif"
   alt="Mapa de imagen. Utilice los enlaces 
   que aparecen a continuación">
</a><br>
[ <a href="links.html#africa">África</a> 
| <a href="links.html#america">América</a> 
| <a href="links.html#antartida">Anártida</a> 
| <a href="links.html#asia">Asia</a> 
| <a href="links.html#europa">Europa</a> 
| <a href="links.html#oceania">Oceanía</a> ] 

Nota: los enlaces del mapa no funcionarán si este manual es consultado fuera de línea.

Dreamweaver Procedimiento con Dreamweaver.
Volver al punto de verificación Volver al punto de verificación 1.2

Autores

10 de 76 Previa

Copyright © sidar 1997-2002. Este Curso de Diseño Accesible ha sido desarrollado por la Fundación sidar.