Í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.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 ] Australia 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">Australia</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="...">).

Dreamweaver Procedimiento con Dreamweaver.
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 por la Fundación sidar.