Consejos clave de accesibilidad
Multimedia
Importante: ¡Distribuye los contenidos a través de un reproductor multimedia accesible!
Proporciona siempre a los usuarios controles para detener, pausar y reproducir el contenido multimedia.
Plataformas como YouTube disponen de subtítulos, que incluyen subtítulos multilingües que guían a todos los dispositivos que los reproducen. Esto es muy importante para mantener la accesibilidad de tus contenidos.
Tanto si se crean manualmente como si se utiliza un motor de IA, los contenidos deben contener subtítulos.
Las transcripciones deben ir más allá del audio. Una transcripción eficaz explica lo que está pasando, proporcionando un documento más detallado.
Una reflexión : Si el COVID ha enseñado algo al mundo de los contenidos, es que a la gente se le exige constantemente estar en línea y en streaming cuando está en casa. De ahí que la capacidad de la banda ancha sea un factor a tener en cuenta. La accesibilidad se extiende a zonas donde la banda ancha es a veces poco fiable. Por eso, los contenidos que se pueden descargar y reproducir sin conexión aumentan la accesibilidad de la información.
Enlaces
- Los hipervínculos son una potente característica de accesibilidad del aprendizaje en línea. Permiten a los tutores ofrecer rutas alternativas, explicaciones alternativas y medios alternativos.
- Los enlaces deben ser fácilmente identificables. Los enlaces deben ser fáciles de encontrar en la página con un buen CSS, por ejemplo, subrayado y con suficiente diferencia con el texto normal.
- Como norma general, el texto de un enlace debe describir a dónde va, es decir, si va a un archivo, debe describir de qué archivo se trata. El usuario debe saber si el enlace es relevante solo por el texto del enlace. Evita utilizar la URL de destino como texto del enlace, así como «Haz clic aquí» o «Descarga aquí», etc.
- Intenta evitar los objetivos de «nueva ventana». Para evitar confusiones, incluye una advertencia en el texto del enlace si se va a abrir en una ventana nueva.
- Si se utilizan imágenes como hipervínculos, asegúrese de que las personas que no puedan ver la imagen puedan decidir si quieren hacer clic en el enlace que representa.
Tablas
- Asegúrate de utilizar solo datos tabulares. Deja de usar tablas para maquetar, ¡por favor!
- Añade pies de foto para introducir el contenido de tus tablas, a menos que el contenido sea muy breve y simple.
- Asegúrate de incorporar encabezados de fila y columna. Las tablas suelen tener la fila superior coloreada y en negrita, lo que no es más que un efecto visual. Las tablas necesitan encabezados de fila y columna debidamente etiquetados para que sean accesibles.
- Intenta evitar el uso de celdas combinadas. No utilices celdas combinadas para que el contenido tenga un aspecto atractivo. Interrumpen el flujo lógico de las celdas de la tabla, relacionadas con las filas y las columnas.
- Evite también las tablas anidadas. Las tablas anidadas dificultan la visualización de un sitio web para cualquiera, pero especialmente para un usuario de lector de pantalla.
- Las tablas sin un marcado estructural que diferencie y vincule adecuadamente las celdas de encabezado y las de datos crean barreras de accesibilidad. Confiar únicamente en las señales visuales no es suficiente para crear una tabla accesible.
Encabezados
Los títulos y subtítulos distinguen y resumen los puntos principales, lo que puede tener un gran impacto en la eficacia del contenido. Piense en los encabezados como en indicadores conceptuales o puntos de referencia, sin los cuales las personas con problemas de memoria a corto plazo o dificultades de concentración o que utilizan tecnología de apoyo pueden tener dificultades.
Los títulos son esenciales para los contenidos largos.
Los títulos también jerarquizan las secciones y subsecciones. Es importante utilizar el orden secuencial correcto, es decir, no pasar de H3 a H5.
Cuando utilices encabezados, crea una estructura clara para tu información mediante algunos de los siguientes métodos:
- Importancia
- Cronológico
- Alfabético.
Consejo importante para los usuarios de Moodle:
Si está utilizando un tema y sus encabezados disponibles no tienen el estilo que te gustaría, arréglalo en el ‘tema’ en lugar de que los usuarios tengan que esforzarse después para modificar la información. Esto puede hacerse a menudo en los ajustes de personalización del CSS.
Texto
Contraste de color
¿Qué importancia tiene el contraste de colores? No es hasta que hay mala iluminación y problemas de visión que el contraste de color se convierte en un obstáculo más obvio para el contenido accesible. WebAIM tiene un magnífico comprobador de contraste que te ayudará a comprobar el contraste entre dos colores para asegurarte de que es accesible para todos los alumnos.
Evita crear significado sólo con el color
Evite crear significado solo con el color. Aunque es habitual utilizar colores como el verde y el rojo para dar significado, es algo que debe evitarse, a menos que el significado también se transmita por el propio contenido con palabras como sí o no. También hay que pensar en el aspecto que puede tener el material impreso en blanco y negro.
Nombres coherentes
Hay que ser coherente a la hora de nombrar. Una nomenclatura sencilla y eficaz es fundamental. Si en una página hay siete o más enlaces que se llaman «diapositivas», no es coherente y carece de contexto. Una nomenclatura coherente implica texto como «Semana 1», «Semana 2», etc. No nombres cada Powerpoint como «Presentación1.pptx».
Imágenes
Los elementos visuales aceleran la comprensión, pero asegúrate de comprobar la accesibilidad de tu contenido cuando añadas imágenes.
En primer lugar, es importante saber si la imagen que estás añadiendo forma parte del contenido o es solo un elemento decorativo que no afectaría a la comprensión si no estuviera allí. Añade etiquetas ALT sólo a las imágenes que no sean decorativas.
El texto alternativo sirve para describir las imágenes a los alumnos que no pueden verlas y utilizan programas de lectura de pantalla. Esto incluye a los lectores de pantalla y a los navegadores que bloquean las imágenes, pero también a los usuarios con problemas de visión o que no pueden identificar una imagen de otro modo.
Para asegurarse de que las imágenes son accesibles, es importante repetir el texto de la imagen en la descripción alt si no es decorativo.
Una etiqueta ALT debe proporcionar suficientes detalles para que los usuarios y los motores de búsqueda relacionen la imagen en el contexto de la página, pero en un breve resumen de no más de 125 caracteres. Por lo tanto, las imágenes complejas necesitarán descripciones alt más largas, como parte del texto que las rodea.
Si se utilizan imágenes como hipervínculos, hay que asegurarse de que las personas que no puedan ver la imagen puedan decidir si quieren hacer clic en el enlace que representa.
Del mismo modo, la gente tiende a utilizar el color para dar significado o para representar significado en el texto. En cuanto al color, hay que tener en cuenta a las personas con problemas de visión, daltónicos o impresos que incluyan una versión en blanco y negro de la imagen.
Si es necesario, se puede recortar la imagen solo por la parte importante para facilitar la comprensión.
A la hora de añadir imágenes o texto a las imágenes, hay que utilizar siempre un contraste de color suficiente para que sea más fácil distinguirlo.
Uno de los asistentes preguntó cuál era la longitud ideal/recomendada para un pie de foto alternativo. Lo ideal sería que tuviera 125 caracteres o menos. Menos es mejor, siempre que se transmita claramente el propósito y el significado de la imagen. Se trata de proporcionar material en torno a ella. Si es realmente complicada, no la describirás en menos de 125 caracteres.