Hola, mi nombre es Alejandro Rodríguez Ascaso,
soy profesor del Departamento de Inteligencia Artificial de la UNED.
Este vídeo trata sobre la...
"Accesibilidad de imágenes en textos digitales".
Una imagen es una representación visual y estática
de información que se presenta en una superficie.
Esta información puede ser figurativa, conceptual, abstracta...
y puede tomar la forma de fotografías, diagramas,
reproducciones de obras de arte...
Las imágenes están presentes en casi cualquier texto.
Se hace raro y aburrido encontrar textos sin ellas.
Se utilizan en libros, apuntes, complementando al texto teórico
y, también, como enunciados de exámenes o ejercicios.
Traigo aquí un ejemplo.
Una representación de nuestro sistema solar:
esa gran bola de fuego que es el Sol
y el resto de cuerpos celestes que orbitan alrededor de él.
Sabemos que hay personas que no perciben la información visual.
Por ese motivo, cada imagen
debe acompañarse de un texto que la describa.
¿Cómo debe ser ese texto?
Debe contener la información que con esa imagen deseemos transmitir
a quienes utilicen nuestro documento.
Hay veces en que la imagen la utilizamos
con fines meramente decorativos.
En ese caso, casi es mejor no decir nada.
En otros casos será suficiente con ofrecer el simple texto:
"Representación del sistema solar".
En otros, necesitaremos ser más específicos
y escribiremos, por ejemplo, que en ella se representan el Sol,
los planetas y los planetas enanos, sus tamaños relativos,
el orden de cercanía al Sol, las diferencias en sus colores...
Si tienes dudas sobre qué texto equivale a tu imagen,
te propongo el siguiente ejercicio:
Imagina que por algún motivo
no puedes utilizar esa imagen ni ninguna similar en tu documento.
Escribe un texto que la reemplazaría
y que permitiría a tus lectores tener un conocimiento equivalente.
Ese es el texto alternativo que debes utilizar.
La técnica concreta para incluirlo
depende del tipo de documento del que estemos hablando,
si se trata de una página web,
un documento que estás escribiendo con tu procesador de textos,
el PDF en el que lo vas a convertir, etc.
En la técnica para incluir el texto alternativo
también influye qué versión del programa estás utilizando.
Pero, ofrecer un texto alternativo no lo resuelve todo.
Veamos un ejemplo.
Pongamos por caso esta imagen,
una gráfica de evolución de la población
a lo largo de los años que se ofrece en una página web.
También está disponible
la opción de acceder a la misma información mediante una tabla,
es decir, mediante un texto estructurado.
Probablemente esa estrategia es mejor
para un usuario de lector de pantalla
que un texto alternativo a la gráfica,
donde se listen datos y datos sin estructura alguna.
Además, disponer de esa información como una tabla,
indica que, probablemente, podré importarla
a un programa de tipo hoja de cálculo,
donde estudiarla más detenida y cómodamente.
¡Qué buena es la tecnología cuando nos permite ofrecer la información
a cada persona según le convenga!
En general, debemos cuidar la calidad de nuestras imágenes
en nuestros documentos, por estética y por accesibilidad,
para que sea correctamente percibida por nuestros lectores.
Por ejemplo,
quienes ven poco procurarán aumentar el tamaño de la imagen
para percibir bien sus detalles.
Tenemos aquí la fórmula matemática
de la solución de la ecuación de segundo grado.
Si la imagen no tiene buena calidad,
al aumentar su tamaño aparecerá este efecto de pixelado,
que puede dificultar verla correctamente.
Debo reconocer que este ejemplo de la expresión matemática
tiene algo de trampa...
Quizá alguien ha reparado en ello.
Efectivamente:
si vuestro documento se basa en HTML, deberéis utilizar MathML,
para incluir vuestras expresiones matemáticas,
nunca imágenes directamente.
Si utilizamos un procesador de textos,
mejor incluir la fórmula mediante el editor de ecuaciones.
Pero esa es otra historia que abordamos en otros vídeos.
Otra cosa.
Existen formatos de imagen denominados vectoriales,
como el formato SVG,
que por mucho que ampliemos su tamaño,
nunca aparece el efecto pixelado.
¡Buen invento!
Por lo demás, las recomendaciones para que una imagen se perciba bien
son similares a las que se ofrecen para el texto electrónico:
suficiente tamaño, buen contraste entre la información y el fondo...
Algo a evitar.
Codificar la información mediante color.
Es un recurso que se utiliza habitualmente
para codificar la información,
y que plantea problemas de accesibilidad a muchas personas.
Pensad en el plano de transporte de vuestra ciudad,
que encontráis en las estaciones de metro o autobús.
Imaginadlo sin color.
Todo un reto, ¿no?
Voy a escoger otro ejemplo más cercano
a lo que cualquiera de nosotros puede encontrarse
al preparar un informe o un artículo.
En esta gráfica circular de tipo "tarta",
se muestran las ventas realizadas por los comerciales de una empresa.
Es probable que planteemos problemas
a algunos de los lectores de nuestro documento
si la única forma de conocer a quién corresponde una porción de la tarta,
y, por tanto, el número de ventas indicadas dentro de ella,
es la tabla de colores que colocamos junto a la gráfica.
En cambio, si en lugar de usar el color,
colocamos el nombre del comercial
junto al sector de ventas que le corresponde,
habremos eliminado ese problema.
¡Pequeños trucos que nos hacen más fácil la vida a todos!