|
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

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.>
-
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.
-
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:
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 (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).
|