Qué hacemos para que Easy LMS sea accesible

Todos tus amigos y tú tenéis entradas para el concierto de vuestro artista favorito. Lleváis semanas hablando de ello y por fin ha llegado la noche. En la entrada, escanean vuestras entradas. Pero... tu entrada no es válida. Intentas convencer al guardia para que te deje pasar, pero no cede. Todo el mundo puede entrar menos tú.

Después del concierto, te reúnes con tus amigos. Todos hablan de lo increíble que fue el concierto. Estuvieron en primera fila todo el rato. Después, incluso consiguieron autógrafos y pudieron hacerse una foto con el artista. Te enseñan vídeos y fotos del concierto. El concierto que te perdiste, porque no te dejaron entrar.

Esto duele, ¿verdad? Te excluyeron porque simplemente tuviste mala suerte.

Nos esforzamos para que nuestra plataforma sea lo más inclusiva posible.

En Easy LMS, no queremos excluir a la gente sólo por mala suerte. Creemos que es importante que todo el mundo pueda utilizar nuestro producto, independientemente de su procedencia, ubicación, circunstancia o condición. Nos esforzamos por hacer que nuestra plataforma sea lo más inclusiva posible. Esto es lo que hemos hecho para conseguirlo.

¿Qué es la accesibilidad?

Más de mil millones de personas en todo el mundo tienen algún tipo de discapacidad. Hay una amplia gama de discapacidades, que se dividen en las siguientes categorías:

• Deterioros visuales, como la pérdida de visión o la ceguera. La Organización Mundial de la Salud estima que 217 millones de personas tienen deficiencias visuales y 36 millones son ciegas en todo el mundo.

• Deterioros auditivos, como niveles bajos de audición o ausencia total de audición.

• Deterioros de movilidad, como pérdida de extremidades, parálisis o dificultad para controlar las extremidades.

• Deterioros cognitivos, que pueden variar ampliamente. En esta categoría se incluyen las personas con enfermedades mentales, dificultades de aprendizaje (como la dislexia) y discapacidades intelectuales.

• Deterioros cognitivos, que pueden variar mucho.

A grandes rasgos, podemos dividir estas discapacidades en tres modalidades: permanentes, temporales y condicionales/situacionales. No todas las discapacidades son permanentes. Piensa en lo que te costaría utilizar un ordenador si te rompieras un brazo. O cómo la luz directa del sol sobre tu smartphone te dificulta ver lo que hay en la pantalla. Nuestra visión de la accesibilidad incluye todo eso. Queremos que puedas utilizar Easy LMS seas quien seas y estés donde estés.

Nuestro camino hacia un producto accesible

Hacer que Easy LMS sea accesible es un proceso continuo.

Para hacer Easy LMS accesible y fácil de usar, hemos auditado cuidadosamente nuestras páginas. Esto nos ha llevado muchas iteraciones, y a veces ha sido un camino lleno de baches. Pero la cosa no acaba aquí. Hacer que Easy LMS sea accesible es un proceso continuo. Nuestras nuevas funciones reciben la misma atención en lo que respecta a la accesibilidad. Y todavía queremos hacer la plataforma actual aún más accesible de lo que es ahora. Ahora, hablemos de algunas cosas que ya hemos hecho por la accesibilidad.

Contraste de colores

En 2019, introdujimos un tema de color nuevo y mejorado. Nos gustaban los colores originales, pero el contraste era malo. Diseñamos cuidadosamente una nueva paleta de colores, que cumplía las directrices WCAG 2.1 (nivel AA). Primero diseñamos varias versiones. Después, preguntamos a nuestros clientes cuál les gustaba más. Después de implantar el nuevo tema, nos encariñamos con él rápidamente. Es mucho más agradable a la vista. Ahora mismo estás viendo el resultado. Sin embargo, sigue siendo un fastidio que nuestro diseño naranja holandés no pasara el corte...

.

Our old design, where bright green was our primary color.

Our new design, where we replaced the bright green with a darker shade of green. We also increased the contrast of the other colors.

Navegación con el teclado

Lo que un cuchillo afilado es para los cocineros, un teclado lo es para los usuarios ciegos detrás de un ordenador. No pueden ir a ninguna parte sin él. Utilizan el teclado para controlar su lector de pantalla. Además, muchos usuarios con discapacidades motoras dependen de un teclado.
Algunas personas tienen temblores o no pueden utilizar las manos. Otras ni siquiera tienen manos. Muchas de estas personas utilizan dispositivos de entrada alternativos para navegar por la web, como la entrada de voz, un puntero en la cabeza o un stick bucal. Estos dispositivos imitan el comportamiento del teclado o funcionan conjuntamente con él.

En Easy LMS, hemos prestado mucha atención a la navegación por teclado en todo el sitio web. Nuestros principales cambios incluyen:

1. Proporcionar un orden de tabulación lógico

Moverse por nuestra plataforma con un teclado sigue un orden lógico. En nuestro cuadro de mandos, los menús están repartidos por el lado izquierdo y la parte superior de la pantalla. Al desplazarse por ellos, los usuarios irán a niveles cada vez más profundos. Nos aseguramos de que el menú contextual (donde puedes compartir y ver tu examen) esté semánticamente dentro del examen y no encima de él.

Sabemos que hay mucha navegación en nuestro panel de control. Para proporcionar al usuario la opción de saltar más allá de esto, hemos implementado un enlace de salto. Esto significa que puede saltar a la sección de contenido desde la parte superior de la página en todo momento. Es una especie de escape secreto

2. Establecer estilos de enfoque

Volar a ciegas en una página web. Ocurre cuando no hay estilos de enfoque claros. Para mostrar al usuario en qué parte de la página se encuentra, hemos añadido estilos de enfoque a todos los elementos "enfocables" de la página. Los elementos enfocables son todos los interactivos, como botones, enlaces y entradas de formularios. Mediante un script, detectamos qué tipo de entrada se está utilizando. De este modo, podemos añadir estilos adicionales para los usuarios que utilizan un teclado. Mientras tanto, lo mantenemos limpio para los usuarios de ratón.

3. Pulsar botones con un teclado

Una regla general es: si es un botón, debe parecer un botón y comportarse como un botón, y viceversa. Cuando un usuario "pulsa" un botón con el teclado, espera que funcione igual que con el ratón. Lo mismo ocurre con los enlaces, por supuesto. La mayoría de nuestros scripts son compatibles con los teclados. En el raro caso de que no lo sean, proporcionamos una alternativa adecuada para nuestros usuarios de teclado. Para nuestro panel de control, utilizamos Foundation de Zurb como marco front-end, que es totalmente compatible con la accesibilidad.

Soporte para lectores de pantalla

For screen readers, we had to take it one step further. Our platform is full of visual cues and icons. These aren’t visible for users with a screen reader. We added hidden labels and texts throughout our entire platform. We did this with so called ARIA-attributes and off-screen text. We communicate states and alerts to the screen reader.

¿Se ha guardado mi pregunta? ¿En qué página de la navegación me encuentro?  ¿Se ha ampliado el menú desplegable que acabo de intentar abrir? Proporcionamos a nuestros usuarios de lectores de pantalla toda la información que podemos.

Nos hemos convertido en auténticos expertos en lectores de pantalla porque realizamos pruebas exhaustivas con distintos tipos. Enseñamos a nuestros propios desarrolladores cómo funcionan los lectores de pantalla y cómo se puede probar con ellos. Por último, nuestra probadora, Caroline, repasará las páginas con un lector de pantalla una vez más en la fase de prueba. No nos gusta dejar estas cosas al azar.

Soporte de zoom

Por último, pero no por ello menos importante, ofrecemos soporte para usuarios que amplían la página. Esto es para las personas que tienen baja visión y quieren ampliar la página para que sea más fácil de ver y leer. Nosotros lo hacemos. Por ejemplo, nos aseguramos de que nuestra navegación principal no se salga de la pantalla y siga siendo desplazable cuando se amplía.

El futuro de la accesibilidad en Easy LMS

Estamos planeando un montón de cosas interesantes para asegurar la accesibilidad de Easy LMS.

No está hecho hasta que está hecho. Esto también se aplica a nuestro trabajo en el ámbito de la accesibilidad. Siempre podemos hacerlo mejor y más inteligente que antes. Estamos planeando un montón de cosas interesantes para garantizar la accesibilidad de Easy LMS. Actualmente estamos trabajando en la automatización de las pruebas de nuestro código. Además, estamos estableciendo directrices internas para asegurarnos de que nuestro nivel actual de accesibilidad se mantiene. Hemos dado grandes pasos en el área de la accesibilidad, y seguimos aprendiendo cada día.

Nuestro objetivo final es estar al alcance de todos. Creemos que es importante que todos puedan utilizar nuestro producto. Pequeños pasos como estos pueden suponer una gran diferencia para nuestros usuarios. Nos alegra formar parte de ello.