Presentación

El texto alternativo (también conocido como alt text) es una breve descripción que transmite el significado de los medios visuales cuando no se pueden ver, garantizando que los usuarios con discapacidades visuales puedan seguir entendiendo su contenido. También beneficia a todos los usuarios al aumentar la claridad y favorecer una experiencia de aprendizaje más inclusiva.

Este artículo ofrece sugerencias prácticas a la hora de configurar texto alternativo para los contenidos multimedia que utilice en la plataforma.

Para ayudarle con los primeros pasos, le presentamos algunos recursos útiles para la escritura de textos alternativos eficaces:

• WebAIM: Alternative Text (se abre en una nueva pestaña)
• What’s the alternative? How to write good alt text - Design102 (se abre en una nueva pestaña)

Áreas de la plataforma en las que puede añadir imágenes

A continuación se enumeran las áreas de la plataforma en las que puede cargar imágenes y configurar textos alternativos.

Advertencia. Proporcione siempre textos alternativos para las imágenes incluidas en el contenido de sus materiales de formación. Docebo no asume responsabilidad por el contenido subido a su plataforma.

Descripciones de los cursos

Al añadir imágenes a la descripción de un curso, introduzca el texto alternativo haciendo clic en la imagen y, sucesivamente, en Texto alternativo.

Descripción del material de formación

Al añadir imágenes a la descripción de los materiales de formación, utilice el campo Descripción de la imagen durante el proceso de carga para añadir el texto alternativo. La descripción de la imagen constituye el texto alternativo.

Widgets de páginas

El widget de imagen no es accesible actualmente. Si necesita cargar imágenes con contenido significativo, utilice el widget Caja de contenido personalizado (sin botón) o cree un widget HTML con texto real encima de la imagen.

Para obtener más información, consulte el artículo Configuración de páginas de widgets accesibles.

Escribir texto alternativo para imágenes

Las imágenes realzan el contenido y ofrecen un contexto visual, lo que simplifica la experiencia de usuario y ayuda a quienes tienen dificultades para leer o a quienes prefieren un aprendizaje visual, reduce la carga cognitiva y facilita la comprensión de la información más rápidamente.

Sin embargo, las imágenes también pueden plantear dificultades a los usuarios de lectores de pantalla. Para garantizar que todos los usuarios, independientemente de sus capacidades, puedan entender la finalidad y el significado de una imagen, es importante proporcionar un texto alternativo descriptivo.

Escribir un buen texto alternativo es crucial para transmitir el mensaje de una imagen a los usuarios que no pueden verla. Procure ser conciso y preciso.

A continuación se ofrecen algunas pautas:

• Sea conciso y específico: Describa el tema principal y la finalidad de la imagen con el menor número de palabras posible. Evite los detalles innecesarios.
  ✅ Utilice: Ordenador portátil en un escritorio.
  ❌ Evite: Una imagen de un ordenador portátil sobre un escritorio con una taza de café junto a él y algunos papeles.
• Transmita el mensaje o la función: ¿Qué información o función aporta la imagen?
  • Imagen con un gráfico: Tendencias de ventas en el primer trimestre de 2024, con un aumento del 15%.
  • Imagen que actúa como un botón: Icono de lupa para buscar.
• Evite las redundancias: Los lectores de pantalla anuncian automáticamente que un elemento es una imagen, por lo que no es necesario incluir "imagen" en su texto alternativo. 
  ✅ Utilice: Un gato peludo
  ❌ Evite: Imagen de un gato
• Proporcione contexto: Los textos alternativos están relacionados con el contexto en el que se utiliza la imagen. Considere qué información se perdería un usuario si no pudiera ver la imagen.
• Omita el texto alternativo para las imágenes decorativas: Si una imagen es puramente decorativa y no añade información significativa, deje el texto alternativo en blanco. Esto permite a los lectores de pantalla omitirla, evitando distracciones innecesarias. Las miniaturas y las imágenes del encabezado, a menudo implementadas como fondos, suelen ser invisibles para los lectores de pantalla, por lo que no requieren texto alternativo.

Referencias

• Images Tutorial | Web Accessibility Initiative (WAI) | W3C (se abre en una nueva pestaña)
• Informative Images | Web Accessibility Initiative (WAI) | W3C (se abre en una nueva pestaña)
• An alt Decision Tree | Web Accessibility Initiative (WAI) | W3C (se abre en una nueva pestaña)
• Tips and Tricks | Web Accessibility Initiative (WAI) | W3C (se abre en una nueva pestaña)

Imágenes de texto: por qué debe evitarlas

Una imagen de texto (se abre en una nueva pestaña) es un texto concebido para transmitir un significado que se representa en forma de imagen en lugar de como texto real y seleccionable.

Los lectores de pantalla no pueden leer el texto incrustado en las imágenes, lo que significa que los usuarios que dependen de esta tecnología pueden perderse información importante. Además, los usuarios con discapacidades visuales pueden tener dificultades para leer el texto dentro de las imágenes debido al escaso contraste o a los fondos complejos.

En los diseños adaptables, el texto sobre las imágenes puede quedar desalineado o demasiado pequeño en pantallas pequeñas, lo que dificulta aún más la accesibilidad, especialmente para usuarios con baja visión. Por el contrario, el texto real se puede redimensionar, ampliar y ajustar para satisfacer las necesidades individuales, ofreciendo mayor flexibilidad y mejorando la accesibilidad para todos los usuarios.

Utilice texto aparte en lugar de incrustarlo dentro de las imágenes. Esto hace que el contenido sea legible, redimensionable y adaptable para todos los usuarios.

Si tiene que utilizar imágenes de texto, asegúrese de que haya suficiente contraste entre el texto y su fondo, o bien utilice un fondo sólido para mejorar la visibilidad. Proporcione siempre un texto alternativo descriptivo, pero evite depender únicamente de la imagen para transmitir la información esencial.