Rise 360: nuestro viaje por la accesibilidad

Artículo actualizado el

Este artículo se aplica a:

Queremos que todos los alumnos interactúen de la forma más completa posible con los cursos que crees en Rise 360. Sabemos que también es importante para ti. Por eso, la accesibilidad es una parte fundamental de nuestra hoja de ruta. A continuación, hemos elaborado un diario del trabajo que hemos realizado hasta ahora. Y lo mantendremos actualizado a medida que continuemos con nuestro viaje en materia de accesibilidad.

¿Sabías que «a11y» es un numerónimo creado para ayudar a crear conciencia sobre los problemas y las causas de la accesibilidad? Puedes leer más sobre la historia de a11y en el sitio del Proyecto A11Y.

Menos movimiento en el océano

11 de septiembre de 2023

Al ser una organización centrada en las personas, nos tomamos muy en serio cuando nuestros clientes se ponen en contacto con nosotros por cuestiones de accesibilidad. Hace poco, alguien nos hizo saber que las animaciones «hinchables» de los cuestionarios de Rise 360 les estaban causando angustia. Estas animaciones están diseñadas para mantener el cuestionario en un lugar de visualización óptimo de la pantalla, pero, según la vista de desplazamiento y el tamaño del navegador, pueden volverse demasiado pronunciadas y, posiblemente, provocar reacciones físicas graves, como vértigo.

Actuamos de inmediato y nos centramos en la animación del cuestionario, así como en la animación pulsante asociada a los elementos gráficos etiquetados que no se visitaban (las animaciones pulsantes también pueden provocar problemas). Determinamos que la forma más rápida de lanzar una solución era agregarles la consulta de medios prefers-reduced-motion css. De esta forma, cuando un usuario tiene reduce motion habilitados los remove animation ajustes en su dispositivo, la animación no se procesa.

Nos tomamos muy en serio todos los problemas de accesibilidad, pero cuando un problema también puede causar daños físicos, no podemos darnos el lujo de esperar. Hemos abordado este problema en menos de un mes y estamos explorando activamente formas de brindar soporte técnico a nivel mundial para reducir los ajustes de movimiento.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: Animación a partir de interacciones (nivel AAA) 2.3.3

Velada de verano

26 de julio de 2023

Hace calor afuera, ¡así que por qué no te relajas con las geniales noticias de accesibilidad de Rise 360!

Control de contraste del tema

Esta nueva y práctica característica (que se encuentra en Tema > Color) permite a los autores asegurarse de que el contenido de su formación cumpla con los requisitos de manejo del color accesibles para los alumnos con baja visión en una proporción de 4, 5:1.

opciones de contraste de texto automático, oscuro y claro

Desde la izquierda, ajustes de contraste automático, oscuro y claro

Puedes seleccionar manualmente el contraste claro u oscuro, pero la verdadera ventaja es cuando seleccionas Automático. Esto mejora las portadas, los encabezados de las lecciones y los botones de navegación. Como puede ver en la imagen de arriba, cuando se selecciona, el texto claro aparece automáticamente en los colores oscuros y viceversa.

Las balas aburridas se fueron

También hemos realizado mejoras para bloquear los elementos que están vinculados al color del tema (como las viñetas de las listas con viñetas). Al igual que el texto de los encabezados de las lecciones y los botones de navegación, cuando un elemento gráfico de un bloque utiliza el color del tema y también un símbolo o texto, el contraste se ajusta automáticamente para preservar la legibilidad.

Ahora puedo ver (el texto de la foto de portada) claramente

Recientemente, las fotos de portada también tienen un brillo contrastante con la adición de una capa de luz y oscuridad. Selecciona Claro para mostrar texto oscuro en una imagen iluminada...

... u Oscuro para, lo has adivinado, mostrar texto claro en una imagen oscura.

Incluso puede ajustar el porcentaje de superposición manualmente para aumentar o disminuir el contraste.

¿Viene en negro?

Por último, hemos realizado un pequeño pero importante ajuste en nuestro texto negro. Ahora es negro «auténtico» (es el código hexadecimal 000000 para todos los diseñadores gráficos). Esto ayuda a mejorar la conformidad con la accesibilidad en todos tus entrenamientos.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: contraste (mínimo) 1.4.3 (nivel AA), contraste no textual 1.4.11 (nivel AA)

Se encontraron bloques desbloqueados y etiquetas perdidas

24 de febrero de 2023

La primavera está a la vuelta de la esquina y nos acercamos a los días soleados y a temperaturas más cálidas con tres importantes mejoras de accesibilidad.

Etiquetas de anuncio para lectores de pantalla

Las etiquetas de anuncios de los lectores de pantalla son etiquetas ocultas que utilizan, lo has adivinado, los lectores de pantalla para describir elementos de la interfaz de usuario, como botones y enlaces. Traducirlas junto con las demás etiquetas es esencial para garantizar la máxima accesibilidad para todos los alumnos.

Estas etiquetas siempre han existido en Rise 360, pero no ha habido forma de traducirlas. Eso ha cambiado con la nueva pestaña de anuncios del lector de pantalla. Ahora puedes modificar fácilmente las etiquetas de accesibilidad en los ajustes como cualquier otra etiqueta. Y lo que es mejor, al exportar las etiquetas para su traducción, las etiquetas de los anuncios de los lectores de pantalla se marcan con una etiqueta a11y para que sean fáciles de encontrar.

Quita unas cuantas fichas de los bloques viejos

Hemos estado trabajando diligentemente desde el lanzamiento del Rise 360 VPAT para que todos nuestros bloques cumplan con los estándares WCAG 2.1. Ahora podemos eliminar uno más de la lista: se puede acceder a los bloques de procesos.

Hemos prestado especial atención a los bloques de procesos para crear una experiencia de aprendizaje fluida. Si interactúas con el bloque a través del teclado, puedes abrir la interfaz con pestañas de forma lógica. En las interacciones, el foco permanece en el botón Siguiente y los lectores de pantalla anuncian el título del paso actual. De esta forma, los alumnos pueden decidir si desean explorar e interactuar con el contenido del paso o pasar al siguiente paso del proceso.

¡También hemos mejorado la accesibilidad de los bloques de citas! Se ha mejorado la experiencia de teclado para las citas con enlaces. Ya no se centra en la cita varias veces (anteriormente, se accedía a la versión que se muestra y a la versión disponible para los lectores de pantalla). Esta mejora permite a los alumnos interactuar con el bloque mediante un lector de pantalla sin tener que hablar más.

Las mejoras que hemos introducido en esta actualización siguen los siguientes criterios de las WCAG: teclado 2.1.1 (nivel A), orden de enfoque 2.4.3 (nivel A), encabezados y etiquetas 2.4.6 (nivel AA), nombre, función y valor 4.1.2 (nivel A)

De vuelta en un abrir y cerrar de ojos

5 de diciembre de 2022

¿Qué es mejor que tener un bloque de tarjetas didácticas accesible? ¡Que ambos bloques de tarjetas didácticas cumplan con las normas de accesibilidad!

En octubre, hicimos mejoras en el bloque de cuadrículas de tarjetas didácticas, pero seguíamos trabajando en su bloque compañero. Ahora hemos incorporado esas mejoras a los bloques de pilas de tarjetas flash para que también sean compatibles con las WCAG 2.1. Al igual que las cuadrículas, las pilas tienen un mejor soporte técnico para el lector de pantalla y son totalmente navegables con el teclado.

Cuando empezamos este esfuerzo, descubrimos rápidamente que no había diseños de tarjetas didácticas accesibles. Así que hicimos las nuestras propias. Robert Pearce, uno de nuestros ingenieros de software sénior, desarrolló una solución y, a continuación, se asoció con los expertos en accesibilidad de Microsoft para perfeccionar el diseño. Tras exhaustivas pruebas, pudimos llevar esta innovadora solución a Rise. Esperamos que este esfuerzo ayude a abrir el camino a otras organizaciones.

También hemos realizado otras mejoras en la accesibilidad de Rise, que no son tarjetas didácticas.

Abrir enlaces en una pestaña nueva cambia el contexto de la página, algo que las personas con discapacidad visual tal vez no se den cuenta de inmediato. Con esta actualización, los lectores de pantalla anuncian el enlace con la instrucción adicional de que se abre en una ventana nueva. Se trata de un cambio pequeño pero importante que hace que ese elemento se ajuste mejor a las WCAG 2.1
El «menú de hamburguesas» (el icono de tres líneas situado en la parte superior de la barra lateral de los cursos) ahora ocupa el primer lugar en orden de pestañas si no pasas directamente al contenido. Lógicamente, va seguido de la barra lateral, que controla. También permanece fija en la parte superior del curso para que los usuarios sepan siempre dónde acceder a ella. Además, el icono del menú con forma de hamburguesa y el enlace para salir del curso (para exportar a LMS) cumplen ahora los requisitos de contraste de la WCAG 2.1, por lo que están siempre visibles.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: contraste (mínimo) 1.4.3 (nivel AA), contraste no textual 1.4.11 (nivel AA), teclado 2.1.1 (nivel A), orden de enfoque 2.4.3 (nivel A), enfoque visible 2.4.7 (nivel AA), nombre, función, valor 4.1.2 (nivel A), On Input 3.2.2 (nivel A)

Más que un flash in the Pan

5 de octubre de 2022

Si por el título adivinaste que esta actualización se trataría de tarjetas didácticas, ¡te llevas una estrella dorada!

Los bloques de cuadrícula de tarjetas flash ahora son compatibles con WCAG 2.1, con un soporte técnico mejorado para teclados y lectores de pantalla. Los lectores de pantalla anuncian cuando estás pulsando el botón de abrir una tarjeta de memoria flash, y cuentan con una útil barra de herramientas al pasar el ratón a la que solo pueden acceder los usuarios que utilizan el teclado. También puedes resaltar y copiar el texto de las tarjetas didácticas. Mientras lo hacíamos, resolvimos un problema por el que el botón desplegable a veces se superponía a la barra de desplazamiento en Windows.

Además, con la nueva característica de temas, cambiamos la forma en que mostramos el texto en las tarjetas de vocabulario, teniendo en cuenta cuánto espacio ocupan los personajes en lugar de solo cuántos caracteres hay. Hace que la experiencia sea más limpia y fácil de leer.

¿Qué tan buenas son las nuevas mejoras en los bloques de cuadrícula de tarjetas didácticas? ¡Nuestro evaluador de Fable (Fable contrata a personas con discapacidades para que prueben y den su opinión en los sitios) le dio al nuevo bloque de tarjetas una puntuación del 100%! Dijeron que las tarjetas didácticas eran fáciles de entender y navegar, y agregaron que la experiencia del lector de pantalla era «una delicia».

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: secuencia significativa 1.3.2 (nivel A), características sensoriales 1.3.3 (nivel A), contraste (mínimo) 1.4.3 (nivel AA), teclado 2.1.1 (nivel A), orden de enfoque 2.4.3 (nivel A), enfoque visible 2.4.7 (nivel AA), nombre, función, valor 4.1.2 (nivel A)

Edición de fin de verano

19 de septiembre de 2022

¡Ha sido un verano ajetreado! Tan ocupados que no tuvimos la oportunidad de recuperar el aliento y contaros lo que estaba pasando con respecto a la accesibilidad en Rise 360. ¡Arreglemos eso con un resumen de todo lo que hemos conseguido desde mayo!

Bloques de cronología mejorados

Los bloques interactivos pueden ser difíciles de analizar correctamente para los lectores de pantalla. Por eso volvimos atrás y mejoramos considerablemente el rendimiento del lector de pantalla para los bloques de escala de tiempo. En general, es una experiencia mucho más limpia. Los bloques de cronología se siguen anunciando como un grupo, pero ahora se trata de una lista semántica, porque básicamente se trata de una serie de eventos. Y lo que es mejor, cada carta del bloque de la escala de tiempo no se anuncia por separado y se ha eliminado el tabulador adicional, lo que ha provocado conversaciones innecesarias. Para los alumnos visuales, las tarjetas de escala de tiempo ahora tienen bordes discernibles en el modo de contraste alto de Windows.

Pero eso no es todo

Además de mejorar la experiencia de los bloques interactivos, aquí tienes todo lo demás que hemos hecho este verano. Respira hondo, ¡es mucho!

Hemos actualizado el título de la página para la ventana del navegador. Ahora los lectores de pantalla lo anuncian como el título de la lección, luego el título del curso y, por último, Rise 360 para compartir primero el propósito principal de la página.
Para simplificar la experiencia de bloquear acordeones para los lectores de pantalla, ya no anunciamos los signos más y menos por separado.
El indicador de progreso de la lección ahora incluye una información sobre herramientas totalmente accesible para los usuarios del ratón, el teclado y el lector de pantalla. Interactúa con él para ver si la lección no ha empezado, si se ha completado o si se ha completado en porcentaje.
Los bloques de pestañas interactivos ahora utilizan el comportamiento de interacción recomendado para una mayor accesibilidad.
¡Los bloques gráficos etiquetados tienen dos nuevas mejoras! Para los usuarios del teclado, el orden de tabulación de los bloques gráficos etiquetados ahora sigue un orden más lógico de izquierda a derecha y de arriba a abajo. Además, cuando un lector de pantalla encuentra un marcador gráfico etiquetado, ahora lo anuncia y lee su título.
Los lectores de pantalla anuncian constantemente el texto de los subtítulos en las galerías de imágenes.
El logotipo del curso se marca como elemento decorativo para que los lectores de pantalla no lo lean.
Los bordes del campo de búsqueda y el enlace Iniciar/reanudar el curso ahora están visibles en el modo de contraste alto de Windows.
Al utilizar un lector de pantalla en un curso exportado a LMS, la ventana ahora muestra el título del curso (en lugar de la URL). Los lectores de pantalla anuncian «Cargando curso» cuando se inicia el curso para dar contexto a los alumnos.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: subtítulos (pregrabados) 1.2.2 (nivel A), contraste no textual 1.4.11 (nivel AA), teclado 2.1.1 (nivel A), encabezados y etiquetas 2.4.6 (nivel AA)

La retroalimentación es fundamental

7 de abril de 2022

¡No, en serio, lo es! Después de todo, cuando realizas un cuestionario o respondes a una verificación de conocimientos, saber por qué una respuesta es correcta o incorrecta es casi tan importante como acertarla en primer lugar. En esta actualización, hemos mejorado el rendimiento de los comentarios en los lectores de pantalla para que los usuarios puedan ver con claridad cuándo están en el campo de comentarios. También hemos mejorado la funcionalidad para los usuarios de Android Talkback, lo que les permite interactuar con el texto de los comentarios.

Y si nos adentramos rápidamente en el mundo del modo de alto contraste de Windows (del que hablamos la semana pasada), hemos hecho que el borde del bloque continuo quede bien visible y las viñetas del bloque de viñetas sean visibles, tal y como era de esperar.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: contraste no textual 1.4.11 (nivel AA), entrada 3.2.2 (nivel A) e identificación de errores 3.3.1 (nivel A)

Opiniones contrastantes

31 de marzo de 2022

Hay una regla muy clara en lo que respecta a la accesibilidad y los elementos no textuales en una interfaz: deben tener una relación de contraste de al menos 3:1 entre el elemento y el fondo. Ahora, hay comprobadores de contraste y utilidades que utilizamos para asegurarnos de que la interfaz Rise 360 cumpla con esa proporción. Sin embargo, cuando los usuarios utilizan algo que cambia radicalmente el contraste de referencia, como el modo de contraste alto de Windows, se hace más difícil mantener esa proporción áurea.

Más difícil. Pero no imposible.

En esta actualización, continuamos con el trabajo iniciado a principios de este mes, garantizando que los elementos de la interfaz sean fácilmente visibles, incluso si utilizas una configuración de sistema de alto contraste.

En el modo de contraste alto de Windows, ajustamos los siguientes elementos para que no se difuminen en los modos de contraste claro u oscuro.

Lección seleccionada en la barra lateral
Menú de hamburguesas por supuesto (esas tres pequeñas líneas en la esquina superior izquierda)
En los bloques de comillas y galería, las flechas siguiente y anterior

Para los siguientes elementos de la interfaz, aumentamos o, en algunos casos, eliminamos el contraste al pasar el ratón:

Descripción general del curso
- Botón de iniciar/reanudar el curso
- Botón de detalles
Barra lateral
- Íconos de búsqueda/cierre de búsqueda
Hipervínculos
En los bloques de escenarios, el botón de continuar
En los bloques de carrusel de galerías y citas, los iconos de selección de diapositivas y las flechas anterior y siguiente

También eliminamos una información sobre herramientas innecesaria que aparecía al pasar el ratón sobre el icono de progreso de la lección.

Y esto es solo el principio. Nos esforzamos por garantizar que todos puedan usar Rise 360 con facilidad, sin importar cómo nos conozcan. ¡Volveremos pronto con aún más mejoras!

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: contraste no textual 1.4.11 (nivel AA), encabezados y etiquetas 2.4.6 (nivel AA) y Focus Visible 2.4.7 (nivel AA)

Ajustes precisos

4 de marzo de 2022

Hay un momento en el que estás trabajando en algo, cualquier cosa, en el que tienes algunas partes importantes resueltas pero aún no has empezado la siguiente ronda de grandes cambios. Quieres seguir adelante, pero hay partes más pequeñas que tienes que entender justo antes de hacerlo.

Durante el último mes estuvimos muy ocupados afinando la accesibilidad en Rise 360, ajustando los detalles pequeños a la perfección antes de pasar a la próxima gran novedad.

Modo de alto contraste de Windows:
- Si seleccionaba un botón de radio (como al hacer clic en una respuesta de opción múltiple de un cuestionario) en el modo de contraste alto blanco o negro, no aparecía seleccionado. Hemos mejorado la visibilidad de la selección de botones de radio en estos modos.
- En el modo blanco de alto contraste, el botón de búsqueda no estaba visible.
En dispositivos Android que usen Talkback:
- Algunos bloques se anunciaron dos veces a medida que los usuarios navegaban por los apartados.
- Se estaban anunciando gráficos decorativos, que no deberían anunciarse.
Añadimos una etiqueta que decía «cerrar modal» a la ventana emergente de información gráfica etiquetada.
También hemos mejorado la experiencia con los bloques de gráficos en los navegadores Microsoft Edge. Ahora, los lectores de pantalla anuncian los encabezados de los gráficos tal y como se esperaba.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: contenido no textual 1.1.1 (nivel A), contraste no textual 1.4.11 (nivel AA), encabezados y etiquetas 2.4.6 (nivel AA), Focus Visible 2.4.7 (nivel AA)

Lector de pantalla, mejoras de contraste y mucho más

14 de enero de 2022

Los cambios de esta semana se centran en mejorar la experiencia del usuario y facilitar el acceso de todos a sus cursos, independientemente de cómo interactúen con Rise 360. Esto es lo que hemos estado haciendo en estas dos primeras semanas del nuevo año.

En el caso de los lectores de pantalla, modificamos el bloque de pestañas para que los botones anteriores y siguientes ocultos ya no se anuncien y eliminamos los puntos de referencia redundantes.
Por motivos de contraste, la pista de progreso del audio ahora está en negro para que siempre esté claramente visible, y hemos oscurecido la etiqueta de búsqueda de la barra lateral para adaptarla a los requisitos.
También hemos mejorado las interacciones entre tablas para que puedas acceder a todas las columnas de una tabla, incluso cuando la pantalla tiene un zoom del 400%.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: Información y relaciones 1.3.1 (nivel A), 1.4.10 (nivel AA), contraste no textual 1.4.11 (nivel AA), orden de enfoque 2.4.3 (nivel A), localización de reflujo y mejoras de enfoque

Mejoras en la localización y el enfoque

14 de diciembre de 2021

¡Y estamos de vuelta! Ha pasado casi un año desde nuestra última actualización, pero eso no significa que no hayamos estado trabajando en la accesibilidad. De hecho, nuestros desarrolladores han estado trabajando entre bastidores para centrar la atención en la accesibilidad de todas nuestras funciones nuevas y futuras.

En este sentido, tenemos una nueva mejora y tres nuevas correcciones que nos ayudan a acercarnos un poco más a nuestro objetivo de una experiencia Rise 360 inclusiva.

Ahora puede localizar el reproductor de vídeo en uno de los 16 idiomas. Esto se basa en el idioma que elija para las etiquetas de texto.
En los dispositivos móviles con VoiceOver activado, la atención se centraría en un elemento oculto después de enviar una respuesta al cuestionario. Ahora, cuando envías una respuesta, la atención se centra en los comentarios según lo previsto.
Al pasar al botón Siguiente, el color para resaltar no era compatible con las WCAG. Hemos cambiado el comportamiento para que sea coherente con el del botón anterior, que no cambia de color cuando está tabulado.
Hemos mejorado la capacidad de respuesta de los cuestionarios y las comprobaciones de conocimientos en los dispositivos móviles para que sean más fáciles de leer.

Y nos estamos calentando. Visite este espacio para obtener más información sobre nuestros planes de accesibilidad para 2022.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: contraste (mínimo) 1.4.3 (nivel AA), orden de enfoque 2.4.3 (nivel A) e idioma de la página 3.1.1 (nivel A)

La sección 508 y la mejora de la accesibilidad de los bloques gráficos etiquetados

28 de enero de 2021

Sección 508

Cuando las agencias estadounidenses presentan información y ofrecen servicios, lo que producen debe ser accesible para las personas con discapacidades. Para garantizar su conformidad, esas agencias (y las personas que producen contenido para ellas) cumplen con las normas revisadas de la Sección 508.

Para facilitar las cosas a quienes trabajan con el gobierno de EE. UU., hemos agregado los criterios de la Sección 508 a nuestro informe de accesibilidad de Rise 360.

Bloques gráficos etiquetados

Los bloques gráficos etiquetados son una excelente manera de aportar un toque visual a tus cursos y permitir que los alumnos exploren a su propio ritmo. Sin embargo, especialmente si se combinan con un fondo blanco, los marcadores gráficos etiquetados predeterminados necesitan más contraste para cumplir con las normas de accesibilidad.

Es por eso que los autores ahora tienen la posibilidad de modificar sus marcadores con un práctico selector de colores. El selector de color, que se encuentra en la configuración de los bloques gráficos etiquetados, te permite cambiar rápidamente el color de todos tus marcadores, ya sea introduciendo el código hexadecimal, utilizando el color de la marca o seleccionando el color personalizado que prefieras.

Otras mejoras en el bloque gráfico etiquetado incluyen:

Los lectores de pantalla ahora leen los marcadores como una lista ordenada.
Los lectores de pantalla anuncian los iconos de los marcadores como parte del marcador.
Los lectores de pantalla también anuncian el estado del marcador (ya sea que se haya visto o no).
Al abrir un marcador, ahora accederás primero al contenido en lugar de a los controles para una experiencia más fácil de usar.
Al cerrar la etiqueta del marcador con la tecla ESC, el foco vuelve a centrarse en el marcador.
Cuando te alejas de una etiqueta del marcador abierta, se cierra automáticamente.
Con estas mejoras, ¡ahora podemos decir que los bloques gráficos etiquetados son 100% accesibles!

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: contenido no textual 1.1.1 (nivel A), información y relaciones 1.3.1 (nivel A), etiquetas descriptivas 2.4.6.b (nivel AA), nombre, función y valor 4.1.2.a (nivel A)

¡^Soporte para lectores de pantalla y nuestro VPAT®!

2 de diciembre de 2020

En las últimas semanas, mejoramos las respuestas de los lectores de pantalla para los cuestionarios y las comprobaciones de conocimientos. En el caso de las preguntas de opción múltiple y de respuesta múltiple, es obvio que los alumnos introduzcan elementos de la lista. Además, la navegación con el teclado deja claro cuándo se centra una elección. Los lectores de pantalla ahora pueden acceder a las reseñas y revelaciones de respuestas, y los anuncios de comentarios son más intuitivos. La página de resultados del cuestionario sigue un orden lógico con menos distracciones, lo que facilita a los alumnos la comprensión de los resultados.

Con estas últimas actualizaciones, ahora ofrecemos soporte técnico oficial a los lectores de pantalla NVDA, JAWS, VoiceOver y TalkBack con los cursos de Rise 360. Nuestro objetivo es garantizar que los alumnos que utilizan lectores de pantalla tengan una experiencia de aprendizaje tan satisfactoria y rica como los demás cuando exploren los cursos de Rise 360.

^{Hoy también publicamos una plantilla voluntaria de accesibilidad de los productos (VPAT ^®) que describe el cumplimiento de los criterios de nivel A y AA de las WCAG para Rise 360.}

Con nuestro VPAT ^® implementado, estamos seguros de que Rise 360 ahora ofrece una experiencia de aprendizaje accesible. Por supuesto, cumplir con los criterios es solo el primer paso. Nuestro trabajo de accesibilidad continúa. En los próximos meses, profundizaremos para introducir aún más mejoras y abordar las excepciones que enumeramos en nuestro VPAT ^®. Queremos asegurarnos de que todos tengan la mejor experiencia posible en Rise 360, pase lo que pase.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: Información y relaciones 1.3.1 (nivel A), secuencia significativa 1.3.2 (nivel A), teclado 2.1.1 (nivel A), orden de enfoque 2.4.3 (nivel A), enfoque visible 2.4.7 (nivel AA), nombre, función y valor 4.1.2 (nivel A)

Garantizar que el texto alternativo esté disponible donde sea necesario

15 de septiembre de 2020

El texto alternativo (texto alternativo) es un elemento clave de la accesibilidad. Con la multitud de bloques basados en imágenes de Rise 360, nos aseguramos de que puedas agregar texto alternativo a tus imágenes y de que los lectores de pantalla anuncien ese texto con elegancia.

Primero, revisamos nuestros bloques de imágenes y verificamos que los lectores de pantalla solo leen el texto alternativo una vez. Esto incluye:

Centrado en la imagen
Ancho total de la imagen
Imagen y texto
Texto sobre imagen
Carrusel de imágenes
Cuadrículas de imágenes (columnas de 2, 3 y 4 columnas)
Acordeón
Pestañas
Imágenes de marcadores gráficos etiquetadas (no la imagen de fondo)
Proceso
Cronología
Comprobaciones de conocimientos
Cuestionario

Si hay imágenes en estos bloques que no tienen texto alternativo, los lectores de pantalla ignoran la etiqueta y simplemente las anuncian como imágenes o leen el nombre de archivo.

Para resumir, abordamos las imágenes de hacer clic para ampliarlas. Los lectores de pantalla ahora anuncian un botón de zoom para las imágenes. La interfaz no será diferente para los usuarios videntes, pero garantiza que quienes usan lectores de pantalla tengan una experiencia similar. Cuando los usuarios amplían una imagen, los lectores de pantalla anuncian el texto alternativo asociado a la imagen para contextualizarla.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: información y relaciones 1.3.1 (nivel A), secuencia significativa 1.3.2 (nivel A), análisis 4.1.1 (nivel A), nombre, función y valor 4.1.2 (nivel A)

Mejora del contraste de colores

14 de agosto de 2020

La mayoría de las personas no piensan dos veces en el contraste de colores y en cómo afecta al diseño. Sin embargo, tiene un efecto notable en la forma en que tú y tus alumnos abordan Rise 360.

Si el contraste entre los elementos es demasiado marcado, como casillas de verificación negras sobre un fondo blanco, puede hacer que las cosas parezcan un poco básicas. Por el contrario, si el contraste es demasiado sutil, como los cuadros de color gris claro sobre un fondo blanco, a los alumnos con problemas de visión les resultará más difícil percibir todo el impacto del contenido.

Es por eso que hemos examinado detenidamente el contraste de color y la opacidad de los siguientes elementos y hemos realizado ajustes. Son más accesibles y, al mismo tiempo, garantizan que tus alumnos disfruten del diseño de alta gama que esperan de Rise 360. Esto es lo que hemos hecho para mejorar el contraste en Rise 360:

Oscureció el color del icono de la X en la barra de búsqueda
Se ha aumentado la opacidad predeterminada del texto en los bloques de imágenes para mejorar la legibilidad
Se mejoró el contraste de los contadores de pasos no seleccionados en los bloques de proceso
Se ha asegurado de que el texto «Haga clic para voltear» de los bloques de tarjetas didácticas no aparezca más claro que el que eliges en la configuración de bloques
Se oscurecieron los colores de varios elementos de verificación de conocimientos, incluidos los botones de opción, las casillas de verificación, los bordes de los campos de texto y los bordes de arrastrar y soltar
Se oscureció el color del borde de los elementos interactivos de las actividades de clasificación
Se ha aumentado la opacidad de los puntos no seleccionados y se han oscurecido las flechas de progreso de los carruseles de citas
Se reemplazaron los íconos de descarga del bloque de archivos adjuntos por alternativas más accesibles

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: contraste (mínimo) 1.4.3, contraste no contextual 1.4.11 (nivel AA)

Mejora de la accesibilidad de la barra lateral

28 de mayo de 2020

La barra lateral es más que un simple menú. Muestra una lista de apartados y secciones y también funciona como cuadro de resultados cuando utilizas la barra de búsqueda. Queríamos facilitar aún más el acceso a la información de la barra lateral cuando se utiliza solo el teclado o un lector de pantalla.

Navegación por teclado

Cuando utilices el botón de pestañas para navegar, solo deberías poder interactuar con los elementos que aparecen en la pantalla. Nos hemos asegurado de que no puedas pulsar la tecla Tab para acceder a las lecciones ocultas bajo los encabezados de las secciones contraídas en la barra lateral.

Además, cuando el autor del curso oculta por completo la barra lateral, descubrimos que aún puedes ir al campo de búsqueda con el tabulador. Esto no solo no se ajusta a la accesibilidad, sino que también puede eludir la intención del autor. Hemos cambiado esto y ahora no puedes acceder al campo de búsqueda si la barra lateral está oculta.

A propósito de la navegación restringida por el curso, si el alumno debe realizar un cuestionario para continuar en el curso, hay varias indicaciones visuales, incluida una información emergente sobre herramientas. Esa información sobre herramientas ahora se muestra cuando un usuario selecciona una lección a la que aún no puede acceder.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: contenido en Hover 1.4.13 (nivel AA), teclado 2.1.1 (nivel A), orden de enfoque 2.4.3 (nivel A), nombre, función y valor 4.1.2 (nivel A)

Soporte para lectores de pantalla

Como la barra lateral sirve para mucho, queríamos asegurarnos de que los lectores de pantalla anunciaran correctamente cada sección. Etiquetamos cada parte individual de la barra lateral con su verdadera función, en lugar de anunciar todo el elemento como un «menú».

Campo de búsqueda

La búsqueda desde la barra lateral necesitaba ajustes adicionales para que funcionara mejor con los lectores de pantalla. Esto era complicado. Al fin y al cabo, vamos a tomar una sección de la interfaz que normalmente utilizas para navegar y convertirla en algo completamente diferente: un campo de búsqueda y una lista de resultados. Ahora, los lectores de pantalla anuncian si la barra lateral muestra los resultados de la búsqueda o el resumen del curso.

También rediseñamos los íconos. La X que cierra el campo de búsqueda se anunciaba simplemente como «X», así que le dimos más contexto. Ahora, los lectores de pantalla anuncian ese botón como «Cerrar el formulario de búsqueda». ¡Mucho más descriptivo! También ocultamos el icono de la lupa de los lectores de pantalla, ya que es meramente decorativo.

Las mejoras que hemos realizado en esta actualización siguen estos criterios de las WCAG: contenido no textual 1.1.1 (nivel A) e Identify Purpose 1.3.6 (nivel AAA)

Indicador de progreso

A medida que avanzas por una lección de Rise, una cosa que ocurre en la periferia es que la «tarta de progreso» se va llenando en la barra lateral a medida que la terminas. Para las clases de cuestionarios, puedes echar un vistazo a la barra lateral y ver si has aprobado o reprobado según sus íconos. Son buenos recordatorios visuales cuando regresas a un curso para saber qué tan avanzado estás y cómo te va.

Los lectores de pantalla ahora anuncian el título de la lección, así como el progreso registrado actualmente en forma de porcentaje. Si se trata de una lección de cuestionario, el lector de pantalla anuncia si has aprobado o reprobado ese cuestionario anteriormente.

Y para dar soporte técnico a nuestro esfuerzo por etiquetar las barras laterales, todos estos apartados se muestran ahora en forma de botones con los estados necesarios presionados y no presionados.