Diseñar evaluaciones digitales para la accesibilidad desde el principio

concepto de diseño de accesibilidad en línea

Las aplicaciones basadas en la web tienen un gran potencial para abrir oportunidades de aprendizaje a las personas con ciertas discapacidades físicas y cognitivas. Sin embargo, a medida que la prevalencia del aprendizaje en línea sigue aumentando, también lo hace la preocupación por la accesibilidad, especialmente para estas personas. Web Accessibility in Mind calcula que una quinta parte de la población tiene algún tipo de discapacidad. Y aunque estas personas pueden tener o no dificultades para utilizar las aplicaciones en línea, se corre el riesgo de aislar a una parte importante de los usuarios cuando la accesibilidad se convierte en una idea de última hora en lugar de ser un componente innato del diseño de la evaluación.

Invertir en una accesibilidad adecuada y diseñar evaluaciones para la accesibilidad desde el principio no sólo aumenta su número potencial de usuarios, sino que también garantiza que todos puedan utilizar su plataforma con facilidad. Permite a los navegadores y a las tecnologías de asistencia representar el contenido de forma comprensible.

Tecnologías de asistencia

La tecnología de asistencia es un término genérico que describe las herramientas utilizadas por las personas con discapacidad para realizar tareas. Algunas de estas tecnologías son:

  • Lectores de pantalla (JAWS para Windows, NVDA o Voiceover para Mac)
  • Software de ampliación de pantalla
  • Lectores de texto
  • Software de entrada de voz
  • Dispositivos de entrada alternativos

Al presentar los contenidos de forma alternativa, estas tecnologías ayudan al usuario a escribir, deletrear, leer y navegar.

Es importante que las evaluaciones digitales cumplan con las normas que permiten que las tecnologías de asistencia interpreten y reproduzcan correctamente los contenidos. La Iniciativa de Accesibilidad a la Web (WAI ) ofrece información sobre cómo navegan por la web los distintos tipos de usuarios y las tecnologías utilizadas.

Accesibilidad digital

La accesibilidad en el aprendizaje en línea sigue ganando adeptos como parte importante de la experiencia del usuario. Debe considerarse una base fundamental sobre la que construir todos los aspectos de su plataforma de evaluación.

Aunque el término "accesibilidad" significa cosas diferentes para cada persona, el Consorcio de la World Wide Web (W3C) define la accesibilidad como el hecho de que las personas con discapacidad puedan percibir, entender, navegar, interactuar y contribuir a la web.

La accesibilidad digital tiene que ver con las disposiciones técnicas. Se trata de cómo se implementa la plataforma de evaluación digital y de las herramientas que se utilizan para construir y entregar el contenido. Pero el diseño de las evaluaciones en línea para la accesibilidad no se limita a las técnicas. La forma de comunicar la evaluación -desde las palabras que se eligen hasta el uso de imágenes y gráficos- también afecta a la accesibilidad.

Diseño coherente

Por motivos de accesibilidad, es importante que la interfaz de evaluación sea coherente en toda la experiencia. Los elementos globales como la paginación, las preguntas y la ayuda deben aparecer de forma coherente dentro de la aplicación. También es importante que los elementos con la misma función, como el marcador de libros, los blocs de notas y las calculadoras, estén ordenados y etiquetados de la misma manera en todas las páginas.

Navegación

Para que los usuarios completen una evaluación en línea, debe haber más de una forma de moverse por una serie de preguntas. Un usuario puede encontrar su camino navegando a través de la jerarquía prevista, pero también debe ser capaz de encontrar una página o pantalla a través de un índice, una lista o una función de búsqueda. Esto permite a los usuarios utilizar el teclado para encontrar exactamente lo que buscan.

Rúbricas y títulos

A la hora de diseñar el aspecto de un test, tenga en cuenta que algunos usuarios no pueden obtener una visión general de una pregunta. Más bien tienen que hacerlo de forma estructural. Los usuarios de lectores de pantalla suelen utilizar una tecla de acceso directo para escuchar todos los epígrafes de la página o para acceder a una lista de todos los epígrafes a los que pueden saltar fácilmente.

Make sure to divide the experience into logical sections, each with a heading that describes that part of the assessment. This allows assistive technologies to render them as section headings. To do this properly, you must tag these sections with headings such as <h1>, <h2>, <h3>.

En los lugares en los que desee resaltar lógica y visualmente un área mediante el uso de una fuente en negrita/una fuente grande/otro color, también debería resaltar el encabezamiento en el código. De este modo, el encabezamiento no sólo funciona visualmente, sino también estructuralmente.

Uso del color

Una página de evaluación con información, elementos de prueba o puntuaciones representadas únicamente por colores es frustrante e ineficaz para los usuarios daltónicos. Por ejemplo, la transmisión de enlaces dentro del texto debe ir más allá de hacerlos de otro color. Además, los mensajes de error suelen expresarse en rojo. Esto puede dificultar su interpretación por parte de los daltónicos. Complemente estos enlaces o mensajes con texto subrayado, iconografía, etc.

Para que los usuarios con problemas de visión puedan leer todo el texto de una página, es importante que el color del texto y el del fondo tengan suficiente contraste entre sí. Esto se consigue respetando la relación de contraste requerida de 4,5:1 para el texto normal, y de 3:1 para el texto grande. Existen varias herramientas que ayudan a medir rápidamente las relaciones de contraste.

Artículos de prueba

Al diseñar los elementos de prueba, debe quedar claro para los usuarios qué acciones deben realizar. Los campos de texto, los desplegables, las casillas de verificación y los botones de radio deben estar siempre asociados a un texto descriptivo. Por ejemplo, la etiqueta de un campo de entrada, como "Pregunta 1" o las respuestas "A", "B" o "C", debe codificarse (mediante ARIA) para asociarla a su campo de entrada. De este modo, el lector de pantalla puede anunciar la etiqueta cuando el usuario se desplaza por el campo de entrada con el teclado o el ratón.

Navegación con el teclado

Todo el contenido de una evaluación debe ser navegable tanto con el ratón como con el teclado. Esto se aplica a las preguntas, respuestas, botones, enlaces, etc.

Algunos usuarios no pueden utilizar el ratón del ordenador y, en su lugar, utilizan el teclado, o un "dispositivo de control de cambios", para navegar por el contenido mediante pestañas. Dado que estos usuarios necesitan poder ver en qué parte de la página se encuentran, siempre debe haber un indicador visual. (Nota: la mayoría de los navegadores lo muestran automáticamente con una línea de puntos alrededor del contenido que está enfocado). También es posible manejar esto de manera personalizada. Sin embargo, la mejor práctica es mantener el contorno visible por defecto, ya que es lo que la mayoría de la gente espera ver. En cualquier caso, ¡NO añada código para eliminar el indicador visible!

Entrada del usuario

Si el usuario debe introducir información en un campo, asegúrese de que recibe instrucciones para introducir el texto correctamente. (Por ejemplo, el tipo de pregunta con rellenar los espacios en blanco.) Además, asegúrese de que el usuario recibe una notificación si comete un error. Una notificación instantánea es mejor para todos los usuarios que una notificación en el momento del envío. Recuerde que no debe utilizar sólo el color, como el rojo, cuando muestre los mensajes de error. Utilice la palabra "Error" o deje claro en la descripción que se ha producido un error. También querrá proporcionar una descripción sobre cómo solucionar el problema.

Gráficos

Cuando las áreas de la evaluación contienen elementos no textuales -como imágenes, gráficos o vídeos incrustados- una de las reglas más importantes es proporcionar una alternativa de texto que describa el propósito del elemento.

Y finalmente...

Al aplicar estas técnicas y estrategias, un mayor porcentaje de usuarios podrá consumir, participar y, en última instancia, completar sus evaluaciones en línea. La realización de estas inversiones en accesibilidad en el diseño y la funcionalidad hará crecer su base de usuarios y, en última instancia, conducirá a una solución de evaluación en línea abierta para todos.

Más información sobre el diseño de evaluaciones en línea para la accesibilidad