Í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 Manual de aplicación de las WCAG 1.0 PreviaContenidosCambiar estilo

1.5 Proporcionar enlaces redundantes para cada zona activa del mapa de imagen de tipo cliente

Prioridad 3

Los mapas de imagen del tipo cliente pueden ser reconocidos porque, al mover el cursor del ratón sobre él, la URL del enlace correspondiente es mostrado en la barra de estado del navegador. Examinando el código de la página se lo reconoce por el atributo "usemap" asignado al elemento <IMG>.

Los mapas de imagen del tipo cliente permiten definir el atributo "alt" en cada elemento <AREA> que define las áreas activas de <MAP>.

Sin embargo no siempre los navegadores actuales pueden mostrar el texto alternativo de los elementos <AREA> y por ello es necesario proporcionar enlaces redundantes en formato texto.

Mapa de imagen: utilice los siguientes enlaces textuales
[ Australia | América | África | Europa | Asia | Antártida ] Oceanía América Africa Europa Asia Antártida

<img src="mapa.gif" 
 usemap="#Mapa" 
 alt="Mapa de imagen: utilice los siguientes enlaces textuales">
<br>
<map name="Mapa"> 
[ <a shape=poly coords="304, (...) ,94" 
   href="#australia.html">Oceanía</a>
| <a shape=poly coords="112, (...) ,8" 
   href="#america">América</a>
| <a shape=poly coords="190, (...) ,49" 
   href="#africa">África</a>
| <a shape=poly coords="212, (...) ,21" 
   href="#europa">Europa</a>
| <a shape=poly coords="213, (...) ,40" 
   href="#asia">Asia</a>
| <a shape=poly coords="85, (...) ,150" 
   href="#antartida">Anártida</a> ]

<area shape=poly coords="304, (...) ,94" 
   href="#australia.html">
<area shape=poly coords="112, (...) ,8" 
   href="#america">
(...)
</map>

Nota: los elementos SHAPE son incluidos para aquellos navegadores que no interpretan la construcción <a shape="...">).

FrontPage Procedimiento con FrontPage.
Volver al punto de verificación Volver al punto de verificación 1.5

Autores

13 de 76 Previa

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