En curso lleva a: Índice estamos en: Pauta 6

En curso...

Imagen

Comunicación

Diseño

Accesibilidad

Nuevas Tecnologías

 

Aplicando las Pautas

6.- Gráficas y esquemas. Resuma o use el atributo longdesc.

 

Esta pauta destaca la diferencia de las gráficas y esquemas frente al resto de las imágenes que puede llevar una página Web. La razón es que este tipo de imágenes conllevan una información valiosa para la comprensión del documento y por tanto debe quedar muy claro su contenido para cualquier usuario en cualquier circunstancia, de tal manera que se pide que se resuma su contenido en la propia página o que se utilice el atributo "longdesc" para describir su contenido.

Como se ha explicado ya en la pauta que hace referencia a las imágenes en general, el atributo "longdesc" no actua en todos los navegadores, así que aunque se use pensando en el futuro debe también usarse el enlace "D" para llevar al usuario a una página en la que se describa el contenido de la gráfica o del esquema en cuestión.

 

Procedimiento para aplicar esta pauta.

Desde Frontpage: Hay que poner a mano el atributo "longdesc" en el código fuente en la vista HTML.

En HotMetal: En desarrollo.

En HomeSite: No está definido el atributo "Longdesc" por lo que el usuario puede introducirlo a mano en la vista de edición del código o bien puede crear un nuevo botón de inclusión de imágenes para que automáticamente presente este atributo cuando se utilice, pero en cualquier caso su contenido habrá que introducirlo a mano.

En Dreamwever: hay que poner el atributo "longdesc" a mano, utilizando el "Quick Tag Editor" (Boton que abre el quick tag editor de Dreamweaver.) que aparece en el "Inspector de propiedades" o yendo a la vista HTML.

En Amaya: Una vez insertada la imagen, se selecciona y en el menú "Attributes" se elige la opción "Longdesc...", entonces sale un cuadro de diálogo en el que hay un campo para introducir la dirección en la que se encuentra la descripción de la imagen.

 

Buenas prácticas

Las buenas prácticas consisten en utilizar el atributo "longdesc" para asegurarnos de que en un futuro los navegadores lo interpreten y en este caso utilizar el enlace "d" o describir el contenido del gráfico o esquema en la misma página y a continuación de su presentación.

Ejemplo de resumen de una gráfica:

Gráfica que muestra las visitas de la semana del 3 al 9 de septiembre de 2000. [D]

Gráfica 1: La gráfica muestra las visitas de la semana del 3 al 9 de septiembre de 2000, el día 3 en la línea de las mil visitas, el día 4 más de 4.000 visitas, los días 5, 6, 7 y 8 por encima de las 3.000 y el día nueve algo más de mil visitas.

El código de este ejemplo es:

<img src="grafgraf/10796d.gif" width="400" height="300" border="0" alt="Gráfica que muestra las visitas de la semana del 3 al 9 de septiembre de 2000." longdesc="descrip.htm#grafica1"> [<a href="descrip.htm#grafica1" title="Descripción de la gráfica 1.">D</a>]

Fin del ejemplo

Malas prácticas

Las malas prácticas en este caso consisten en presentar la imagen que contiene la gráfica o esquema, sin más.

Ejemplo:

Fin del ejemplo

El código de este ejemplo es:

<img src="grafgraf/respiratorio.jpg" width="140" height="243" border="0" alt="">

Para verificar el trabajo

A-Prompt avisa y facilita la creación de enlaces "D" cuando faltan, y para ver la página como se vería en un lector de pantalla o sin discargarse las imágenes, es útil el servicio Lynxme. El TAW advierte sobre la necesidad de utilizar el atributo "longdesc" y el enlace "d".

Anterior Flecha que apunta hacia la izquierda. Índice Flecha que apunta a la derecha. Siguiente

Para hacer sus aportaciones, comentarios o sugerencias, envíe un mensaje a la autora: Emmanuelle Gutiérrez y Restrepo


Creada: 15 de diciembre de 2000