HTMLpointHTMLpoint HTMLpoint.com


Imágenes: inserción en las páginas web


Uno de los puntos claves de una página html, como saben perfectamente todos los webmaster, es el uso del diseño para obtener productos eficáces y cautivadores. Todo lo que se percibe a través de una página html navegando por la red resulta muchas veces más claro e inmediatamente comprensible si está dotado de imágenes, siempre que estas últimas no tengan exclusivamente función decorativa. El aspecto gráfico - o sea las imágenes en todos los aspectos que estas adquieren en la web (imágenes fijas, animadas, apliques, gráficos estatísticos, mapas "clicables", pulsadores "clicables", flechas direccionales, etc.) - es uno de los elementos fundamentales para obtener buenos resultados en un sitio web. Hay obviamente obstáculos: imágenes demasiado "pesadas", exceso de uso de apliques en una misma página, etc. que además desaceleran la navegación y se revelan muchas veces elementos decorativos, quizás inutiles o no pertinentes. A propósito de estolos webmaster encontrarán más indicaciones, consejos y también preciadas críticas en las guías y en los editoriales de HTMLpoint. 

Por lo que concierne a las personas con problemas de vista, que tienen niveles de incapacidad muy diferentes, sería una opción injusta crear sólo páginas alternativas textuales que excluyeran todos los elementos gráficos. Esto significaría discriminar a dichos usuarios, alejándolos de un completo disfrute de todo lo que de positivo haya en la red, o sea exactamente lo contrario de asegurar una plena accesibilidad. Desde hace más de un siglo, con la llegada de la fotografía, del cine y luego de la televisión y, desde luego, de Internet, la cultura de la imagen se ha vuelto esencial, hasta el punto que sobre ella se construyen hoy todas las estrategias de venta, las de la creación del consenso político y las de la comunicación de masa, etc. Además, puesto que en Italia en particular no hay una específica educación a la lectura de las imágenes, es evidente cuánto terreno esta cultura pueda ofrecer a todos los que utilizan las imágenes, también como vehículo para condicionar y homologar a la colectividad. Pero esto sería un asunto muy complejo que no es posible tratar en esta circunstancia, pues nos llevaría demasiado lejos sacándonos del tema. Nosotros deseamos, sobre todo, que los webmaster tengan en cuenta esta cuestión.

Se estaba hablando entonces de no excluir por ningún motivo a los discapacitados de la vista de la utilización de las imágenes: vamos a ver ahora qué instrumentos se pueden utilizar con esta finalidad. Algunos usuarios, como los hipovidentes, no llegan a enfocar del todo las imágenes insertadas en las páginas web; también los invidentes se ven excluídos de esta posibilidad, aunque limitada; otros utilizan navegadores que no soportan imágenes e interpretan solamente los textos contenidos en las páginas mismas. Hay navegantes que disponen de conexiones Internet muy lentas y deseleccionan por eso la opción de visualización de las imágenes. Ofrecer un texto equivalente para las imágenes garantiza en todos estos casos la accesibilidad, además de ser útil a todos los usuarios indistintamente: se trata, en todo caso, de un elemento irrenunciable para asegurar accesibilidad a las imágenes insertadas en una página web.

Ejemplo 1

logotipo de HTMLpoint

En este ejemplo, el texto equivalente que identifica el logotipo de HTMLpoint está señalado en el fichero de origen con el atributo ALT del elemento IMG (ALT="logo di HTMLpoint"). El texto equivalente para las imágenes incluídas en una página web puede ser leído por los invidentes con el auxilio de un software de síntesis vocal o descifrado por medio del tacto a través de una barra braille: en los dos casos el texto insertado con ALT garantiza accesibilidad a las imágenes y, como ya decimos, nunca debe omitirse. Obviamente, un texto equivalente tendrá que ser lo más preciso posible respecto a la imagen de referencia y a sus funciones en el contexto relativo. 

Ejemplo 2

Hipoticemos redactar un texto que describa una imagen fotográfica del Sol en fase de esclipse total. Es oportuno que el texto equivalente, insertado con ALT, sea lo más exhaustivo posible para ilustrar de manera precisa la función que aquella imagen tiene en el contexto de la página html.

Por ejemplo, si la finalidad de la inserción de dicha imagen fuese puramente decorativa el texto podría simplemente ser el siguiente: 

<img SRC="eclipsesol.jpg" ALT="Eclipse total de sol" etc.>
-

Eclipse total de sol

Pero si el propósito de la fotografía, quizás insertada en una página dedicada a la astronomía, fuese el de ilustrar la descripción de la corona solar en el momento de la eclipse total, habría que escribir un pie de imagen del tipo:

<img SRC="eclipsesol.jpg" ALT = "Evidente disimilitud de la corona solar durante una eclipse total"etc.>

Y es más: si la imagen del Sol sustituye un pulsador, pinchando el cual se alcanzara una página descriptiva de la estrella principal de nuestro Sistema, la frase que habría que insertar podría ser: 

<img SRC="eclipssol.jpg" ALT: "Información detallada sobre el Sol" etc.>

En consecuencia, si el texto explica a un usuario minusválido el porqué una imagen ha sido introducida en aquella determinada página, dicho texto didáctico puede ser considerado a todos los efectos un correcto texto equivalente. Entre varias cosas, el texto-pie de imagen insertado consente a cualquier usuario también normodotado leer las características de la imagen ya en fase de carga de la página y permite además a los autómatas utilizar dicho texto para hacer el índice de las relativas páginas en los motores de búsqueda.

Otra manera para describir imágenes puede ser el de producir unos archivo sonoros que contengan un texto hablado. Una descripción breve generará archivos suficientemente ligeros, fáciles de cargar y de escuchar sin que la navegación resulte por eso particularmente lenta. Si se adopta una solución de este tipo, hay que acordarse sin embargo de que un usuario invidente utiliza en un gran número de casos un sintetizador vocal que, siendo activo en el momento de la exploración en red, podría crear una sobreposición sonora que hay que evitar. Habría que insertar en consecuencia estos archivos sonoros con funciones de pie de imagen anunciando la presencia de estos y permitiendo así al usuario excluir temporalmente con una maniobra muy sencilla la síntesis vocal.

Ejemplo 3CUIDADO: descripción sonora de la imagen.

La bahía de Sydney y el Opera House
-
Con el mismo sistema se podrá también decidir grabar en formato wave (o bien au, RealAudio o Mp3), añadido al texto y sobre todo para transmitir información a los invidentes, una breve introducción o un índice de los contenidos de una página html, y el relativo soporte audio podría ser escuchado por un usuario invidente, previo aviso, en seguida después que la página haya sido cargada en el navegador.

Ejemplo 4

El que sigue es el título que aparece al principio de la página principal de un hipotético sitio web dedicado a Australia:

Título: El encanto de Australia
Haz clic para seleccionar una introducción sonora al sitio

Es posible también insertar un pie de imagen (texto equivalente) dirigido a los navegantes invidentes y que se refiere a una imagen que ilustre un texto con finalidades meramente decorativas o bien de carácter ambiental o cultural, o que contenga ya suficiente información (como en el ejemplo siguiente), de manera que sea posible la omisión de un específico pie de imagen. En este caso el equivalente textual podría ser redactado en carácteres pequeños y de color igual que el del fondo: síntesis vocal y barra braille asegurarán una lectura perfecta.

Ejemplo 5

Cuatro fotos de Bob Marley
Cuatro fotos de Bob Marley (1945-1981), famoso cantante jamaicano de música pop. Hizo popular el reggae jamaicano fundiéndolo con el rock.

Al pie de imagen ha sido insertado el texto equivalente, descriptivo de la imagen, dirigido al usuario invidente ["Cuatro fotos de Bob Marley (1945-1981), famoso cantante jamaicano de música pop. Hizo popular el reggae jamaicano fundiendolo con el rock"]; el letrero es blanco y permanece escondido gracias al fondo de idéntico color. 

Una solución  de este tipo podría ser adoptada si el webmaster utilizase un color homogéneo de fondo, mientras que habrá obviamente que recurrir a otro recurso si en la página html se insertara una imagen como fondo. En este segundo caso, por ejemplo, el texto de la imagen podría ser tecleado en la marca ALT de la siguiente manera: <img SRC="bobmarley.jpg" ALT="Cuatro fotos de Bob Marley, famoso intérprete del reggae jamaicano" etc.

En algunos casos la inserción gráfica puede incluir imágenes-mapas "clicables", en los que se presentan varias imágenes, y cada cual tiene normalmente la exigencia de enlazarse con otra página html explicativa.
También en este caso la imagen-mapa podrá ser reconocida por un invidente dotado de oportunos instrumentos (véase el ejemplo siguiente).


  Torna a inizio pagina