T.A.W mapa sensible

Necros · #1 (**permalink**) 23/10/2006, 11:08

Buenas,

Tenemos una página con mapa sensible que al pasar el test de accesibilidad nos muestra el siguiente error :

>> Los mapas de imagen de cliente deberían tener asociados vínculos de texto en el documento

Os facilito el código de la página ya que no vemos el error.

Gracias,

CODE :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="es">
<head>
<title>test taw3</title>
</head>
<body>
<form action="borrame2.htm" enctype="multipart/form-data" method="post">
<h1>zona sensible</h1>

<img src="caps/menu2.jpg" usemap="#Mapcap1" alt="cabecera" border="0" longdesc="longdesc/imagen.htm" name="zona1" id="zona1">

<map name="Mapcap1">
<AREA shape="rect" coords="350,63,432,123" href="zona1.html#zona1" alt="zona1" target="_self">
<AREA shape="rect" coords="435,37,573,124" href="index.php?zona=2" alt="zona2" target="_self">
<AREA shape="rect" coords="574,36,716,123" href="index.php?zona=3" alt="zona3" target="_self">

<AREA shape="rect" coords="718,35,865,129" href="index.php?zona=4" alt="zona4" target="_self">
</map>


</form>
</body>
</html>

PatomaS · #2 (**permalink**) 25/10/2006, 07:40

Hola

Bueno, parece haber algo de código extra en esa página.

Las cosas que tienes comentadas en la página, son una inserción de imagen mediante la etiqueta object, lo cual es correcto, aunque el explorer no lo sabe interpretar bien. Hay que agregar que el tipo mime es incorrecto para una imagen.

Igualmente, tienes un mapa con errores.

Luego tienes, fuera de la zona comentada un mapa de imágenes (Mapcap1), el cual se corresponde con la llamada de la imagen que está al principio. Este mapa, es perfectamente navegable con el ratón y en general con el teclado, sin embargo, la única forma de que dichos vínculos tengan sentido en el planteamiento actual, es que uno pueda ver la imagen y por o tanto las áreas marcadas que le corresponden.

Pero imagina que la imagen no está, nosotros no sabemos como es la imagen, pero por el nombre diría que tiene opciones de texto correspondientes a la secciones de tu sitio web, ahora responde esta pregunta ¿qué secciones son? ¿cómo se llaman? ¿alguna de ellas es una subsección de otra?.

Como no hay manera de saberlo, debes colocar vínculos normales en alguna parte de la página de manera que quien no vea la imagen pueda llegar a esas zonas con igual efectividad.

Debo decir, como complemento, que si esa imagen tiene, en efecto, los vínculos a las secciones de tu sitio web, un mapa de imagen es, tal vez, la peor de las opciones que puedes elegir desde el punto de vista de la accesibilidad y la usabilidad.

Vinculos normales, imágenes independientes con sus vínculos y textos vínculados aparte o listas de vínculos, serían mejores opciones, siendo la última la mejor de las opciones.

Felicidad

Necros · #3 (**permalink**) 30/10/2006, 10:10

Okas thxs,

Necesitaría algunas aclaraciones más,la imagen que utilizo es solo gráfica y no pertenece a menús.Los vinculos o enlaces del mapa sensible son ejemplos, podrian direccionar a cualquier sitio.La idea es colocar vinculos textuales en lugar de la imagen cuando esta no este disponible o bien el usuario tenga desactivada la consola.Es decir, un caso excluyente, o la imagen y el mapa o los enlaces. Si no el probelma que tenemos es que en la página se muestran las dos opciones !!!

Gracias,

PatomaS · #4 (**permalink**) 31/10/2006, 00:39

Hola

Entiendo tu postura, sin embargo, las normas de accesibilidad abogan por la repetición de elementos como los vínculos en casos como el que tienes.

Puede no ser muy estético o al menos parecerlo a primera vista, sin emargo, es la recomendación.

De todas formas, si provees de un sistemas de vínculos usando la imagen que resulte suficietemente accesible mediante el uso de títulos en los vínculos y compruebas que pueden ser accedidos mediante el teclado y sin necesidad de ver la pantalla para que tengan sentido, entonces puedes obviar la repetición.

Felicidad