¿Qué son las descripciones de texto alternativo?
El texto alternativo es la información de solo texto que se asocia con una imagen con el fin de proporcionar información que sea equivalente a la imagen en sí. Se utiliza para proporcionar información cuando las imágenes no se pueden ver; Por lo general, cuando la persona que mira la imagen tiene una discapacidad visual, pero también puede ser beneficioso cuando las imágenes de una página no se pueden cargar. A los efectos de este artículo, la atención se centra principalmente en el texto alternativo como ayuda para los usuarios con discapacidad visual.
¿Imágenes informativas o decorativas?
Muchas de las imágenes utilizadas en los cursos en línea son de naturaleza informativa; es decir, transmiten información que forma parte de la actividad de aprendizaje en la que se utiliza. Los estudiantes que pueden ver la imagen no necesariamente sabrán qué es educativo en ella, pero podrían saberlo. En otras palabras, el propósito educativo puede ser obvio para alguien que puede ver la imagen, pero no lo es para alguien que no puede ver la imagen.
Para un estudiante que no puede ver la imagen, el contenido informativo debe aparecer en texto real de alguna manera que sea accesible para el estudiante mediante tecnología de asistencia, generalmente software de lectura de pantalla. Ese texto legible puede tener la forma de:
- Una descripción de texto alternativo que forma parte del código HTML, pero que no se puede ver en la pantalla
- Un pie de foto descriptivo de la imagen que pueda ser leído por las personas videntes y por los lectores de pantalla
- Una descripción del contenido educativo transmitido por la imagen en el texto del párrafo circundante.
La creación de un buen texto alternativo depende en gran medida del contexto para determinar qué debe incluirse en el texto alternativo, el pie de foto o el párrafo circundante. No es necesario describir toda la imagen; más bien, las partes que son relevantes y complementarias a los párrafos que rodean la imagen. Por ejemplo, considere una imagen de verduras.
El texto alternativo puede ser muy diferente si el contexto trata sobre la preparación de su jardín para la cosecha, el aumento del costo de los productos frescos o las opciones de verduras de bajo índice glucémico para las personas con diabetes. El texto alternativo en la imagen de arriba es "tomates madurando en una mesa, pronto se convertirán en salsa"; otro contexto completamente diferente. Es importante recordar que las imágenes deben complementar y reforzar el contenido circundante, no reemplazarlo.
Una imagen decorativa en un curso online es aquella que no transmite un contenido educativo importante. A menudo se utilizan con fines de diseño, humor o marca. Por ejemplo, si publicas un anuncio divertido que indica que hoy es el Día Nacional del Fluffernutter con una foto adjunta. Un estudiante que no puede ver la imagen no está en desventaja educativa al perderse esta imagen. Tampoco hace falta explicar la imagen al alumno. Su texto anunciando que es el Día de Fluffernutter es suficiente para que comprendan la intención.
Las imágenes que son para fines decorativos no necesitan ser explicadas a los estudiantes con baja o baja visión. Para comunicar correctamente el hecho de que la imagen es decorativa, es necesario utilizar texto alternativo nulo para que la tecnología de asistencia pueda informar al estudiante de que la imagen no es importante para el contenido educativo del tema. En Brightspace, el texto alternativo nulo se ingresa marcando la casilla durante la inserción de la imagen.
Es importante entender que el texto alternativo nulo (el código alt="") no es lo mismo que ningún texto alternativo, donde el atributo de texto alternativo falta por completo. Si se ingresa texto alternativo nulo, la tecnología de asistencia ignorará la imagen por completo, lo cual es bueno ya que no transmite nada importante. Sin embargo, si el atributo de texto alternativo falta por completo, entonces se le dirá al estudiante que hay una imagen y se preguntará qué se está perdiendo, ya que no hay texto alternativo para explicar la importancia de la imagen.
Brightspace facilita la inclusión de texto alternativo cuando se utiliza el archivo Insertar cosas herramienta. Introduzca el texto alternativo mientras inserta la imagen, que incrusta automáticamente el texto alternativo en el código HTML:
Figura: El Insertar cosas cuenta con el campo Texto alternativo y una casilla de verificación para indicar imágenes decorativas.
Cómo comprobar el texto alternativo en las imágenes existentes
Es una buena idea revisar tus cursos en línea existentes para ver si las imágenes tienen texto alternativo útil. Pruebe varias barras de herramientas basadas en explorador y complementos o extensiones que están disponibles para todos los exploradores principales, o pruebe estas técnicas:
- Cromo™ navegador: apunte a la imagen con el ratón, haga clic con el botón derecho y elija Inspeccionar en el menú rápido (o use Ctrl-Shift-I en el teclado). Se abrirá un nuevo panel a la derecha de la pantalla con el código HTML resaltado para ese elemento. A continuación, puede ver el texto alternativo y otros atributos de la imagen.
- Firefox (en inglés)® navegador: apunte a la imagen con el ratón, haga clic con el botón derecho y elija Inspeccionar elemento en el menú rápido (o pulse la tecla Q). Se abrirá un nuevo panel en la parte inferior de la pantalla con el código HTML resaltado para el elemento.
Cuando el texto alternativo simple no es suficiente
Algunas imágenes son mucho más complicadas que otras y requieren mucha más información alternativa de la que se puede manejar a través de una frase u oración corta utilizando los métodos normales de texto alternativo. Algunos ejemplos de imágenes complejas son:
- Cuadros y gráficos numéricos, diagramas de flujo, organigramas
- Diagramas e ilustraciones
- Infografías o gráficos similares con mucha información, como nubes de palabras
- Mapas
- Fotos con una gran cantidad de información que es importante para el proceso de aprendizaje
Descripciones largas
El atributo Longdesc es un atributo HTML de una imagen que proporciona información cuando la opción de texto alternativo más corto no describe adecuadamente la información de una imagen. El atributo Longdesc no es visible en la pantalla, por lo que la información normalmente solo está disponible para los estudiantes que usan tecnología de asistencia.
NOTA: En Brightspace, si desea utilizar el atributo longdesc, debe ingresarlo manualmente en el código HTML. Para obtener más información, consulte Uso de longdesc
Descripción de audio
Si no es posible incluir descripciones largas, otra opción es proporcionar un enlace a una descripción grabada en audio de la imagen.
Vea el video de Karen Sorensen (Portland Community College) sobre cómo J
Tablas de datos como texto alternativo para gráficos
La mayoría de los gráficos de datos se muestran fácilmente como datos tabulares. Los datos tabulares son texto real, por lo que son muy accesibles y proporcionan una excelente descripción alternativa para la imagen del gráfico. Por ejemplo
Figura: Un gráfico circular con tres segmentos, descrito en detalle en la tabla debajo de la imagen.
Tipo de propiedad: porcentaje de toda la propiedad
Pantano - 56%
Tierras de cultivo - 28%
Tierras altas - 16%
En algunos casos, las tablas también ofrecen la posibilidad de ordenar e interactuar con los datos, lo que puede proporcionar beneficios adicionales a todos los estudiantes.
Infografías y nubes de palabras
Los infografías son populares en los cursos en línea porque generalmente son atractivos e informativos, siempre que pueda verlos. Es posible encontrar infografías que son accesibles en la web, pero no siempre es así. Si tiene la intención de utilizar una infografía, asegúrese de agregar el texto adecuado para que sea informativa para todos sus usuarios.
Las nubes de palabras también han encontrado un lugar en la educación en línea, pero a menudo no agregan mucho al contenido circundante. Son divertidos y novedosos, pero sobre todo decorativos. Si desea usarlos, asegúrese de estructurar los datos brutos de la nube mediante elementos de lista ordenados.
Para obtener más información, consulte WAMOE, el MOOC de accesibilidad web para educadores en línea; co-creado por Karen Sorensen de Portland Community College y Barry Dahl de D2L.
