Programar a ciegas

El compartir una imagen con un diagrama, una captura de pantalla o algo que nos llame la atención es algo muy común en Internet. Pero esta práctica puede crear problemas de accesibilidad importantes ya que si la imagen no resulta accesible las personas que no puedan acceder a la información visual quedarán fuera del mensaje.

Este problema es aún más grabe cuando el hecho de una imagen sin accesibilidad aparece en una herramienta de comunicación en el trabajo como es el cliente de mensajería instantánea Slack.

Para hacer que una imagen sea accesible es necesario que dicha imagen posea una descripción alternativa en texto.

Para escribir una buena descripción alternativa para una imagen hay muchas reglas, trucos y consejos. En la revista ASEPAU escribí un artículo para escribir buenas descripciones alternativas para imágenes.

Agregar una descripción alternativa paso a paso

En la propia documentación de Slack para accesibilidad de las imágenes se proporciona información para poder escribir una descripción alternativa en una imagen adjuntada a un mensaje de Slack.

1. Para adjuntar la imagen simplemente debemos pegarla dentro del campo de texto donde escribimos un nuevo mensaje.
2. Una vez añadida la imagen aparecerá una representación de la imagen dentro del campo de mensaje. Deberemos hacer click en la representación de la imagen y luego en la opción Editar detalles del archivo
3. Encontraremos en el popup que aparece un campo para describir la imagen
4. Por último pulsamos el botón de Guardar cambios y procedemos a enviar nuestro mensaje

Incluso podemos añadir la descripción a la imagen de un mensaje ya enviado. Simplemente debemos pulsar el icono con tres puntos suspensivos (…) y seleccionar la opción de Editar detalles del archivo.

Utilizando un lector de pantallas

Las instrucciones anteriores se realizan utilizando un ratón u otro dispositivo apuntador pero para usuarios de lector de pantallas también es posible utilizar estas opciones.

1. Copiamos nuestra imagen en el explorador de archivos y la pegamos en el cuadro de edición de un nuevo mensaje
2. Una vez añadida la imagen podemos pulsar una vez la tecla tabular para saltar al siguiente control o explorar con las funciones de nuestro lector de pantallas hasta encontrar un botón llamado Ver vista previa de la imagen
3. Pulsando en ese botón se desplegará un menú que podemos recorrer pulsando la tecla tab hasta llegar a la opción de Editar detalles del archivo
4. Pulsando en ese botón de editar detalles del archivo llegaremos al cuadro para incluir la descripción para nuestra imagen

Esta operación ha sido probada con VoiceOver para MacOS, NVDA, JAWS y Narrador para Windows 11 y en todos los casos ha sido posible realizar la operación utilizando el salto por tabulación y las adaptaciones a la navegación de la interfaz proporcionadas por el equipo de accesibilidad de Slack