Diseño web en Durango
7.4.1 Diseño web en Durango Equivalentes textuales para mapas de imagen de cliente Puntos de verificación en esta sección:
1.1 Proporcione un texto equivalente para todo elemento no textual (por ejemplo, a través de «alt», «longdesc» o en el contenido del elemento). Esto incluye: imágenes, representaciones gráficas del texto, mapas de imagen, animaciones (por ejemplo, GIFs animados), «applets» y objetos programados, «ascii art», marcos, scripts, imágenes usadas como viñetas en las listas, espaciadores, botones gráficos, sonidos (ejecutados con o sin interacción del usuario), archivos exclusivamente auditivos, banda sonora del vídeo y vídeos. [Prioridad 1] Proporcione equivalentes textuales para los mapas de imagen si transmiten información visual. Igual que otros vínculos, el texto debe tener sentido cuando se lee fuera de su contexto. Véase la sección sobre el texto de los vínculos para información sobre cómo redactar buen texto para vínculos. Los usuarios pueden desear teclas de acceso rápido para vínculos de uso frecuente. Véase la sección sobre el acceso a los vínculos mediante teclado. Si emplea AREA para crear el mapa, use el atributo «alt»: Ejemplo.
<IMG src=»bienvenido.gif» alt=»Mapa de imagen de las zonas de la biblioteca» usemap=»#map1″>
<MAP name=»map1″>
<AREA shape=»rect» coords=»0,0,30,30″ href=»consulta.html» alt=»Consulta»>
<AREA shape=»rect» coords=»34,34,100,100″ href=»medios.html» alt=»Laboratorio audiovisual»>
</MAP>
El siguiente ejemplo ilustra la misma idea, pero emplea OBJECT en vez de IMG para insertar la imagen para proporcionar más información sobre la imagen:Diseño web en Durango
Ejemplo.
<OBJECT data=»bienvenido.gif» type=»image/gif» usemap=»#map1″> La biblioteca tiene varias zonas, entre los cuales la
<A href=»consulta.html»>Sección de Consulta</A>
y el <A href=»medios.html»>Laboratorio Audiovisual</A>.
</OBJECT>
<MAP name=»map1″>
<AREA shape=»rect» coords=»0,0,30,30″ href=»consulta.html» alt=»Consulta»>
<AREA shape=»rect» coords=»34,34,100,100″ href=»medios.html» alt=»Laboratorio Audiovisual»>diseño web
</MAP>