Ce que nous faisons pour rendre Easy LMS accessible

Vous et vos amis avez tous des billets pour le concert de votre artiste préféré. Vous en parlez depuis des semaines et ce soir, c'est enfin le grand soir. A l'entrée, vos billets sont scannés. Sauf que... votre billet n'est pas valable. Vous essayez de convaincre le gardien de vous laisser passer, mais il ne cède pas. Tout le monde est autorisé à entrer sauf vous.

Après le concert, vous retrouvez vos amis. Ils racontent tous à quel point le concert était génial ! Ils étaient au premier rang pendant toute la durée du concert. Après, ils ont même eu des autographes et ont pu prendre une photo avec l'artiste. Ils vous montrent des vidéos et des photos du concert. Le concert que vous avez raté, parce que vous n'avez pas pu entrer.

Cela fait mal, n'est-ce pas ? Vous avez été exclu parce que vous n'avez tout simplement pas eu de chance.

Nous nous efforçons de rendre notre plateforme aussi inclusive que possible.

Chez Easy LMS, nous ne voulons pas exclure des personnes par malchance. Nous pensons qu'il est important que tout le monde puisse utiliser notre produit, indépendamment de son origine, de sa situation géographique, de ses circonstances ou de son état. Nous nous efforçons de rendre notre plateforme aussi inclusive que possible. Voici ce que nous avons fait pour y parvenir.

Qu'est-ce que l'accessibilité ?

Plus d'un milliard de personnes dans le monde souffrent d'une forme ou d'une autre de handicap. Il existe un large éventail de handicaps, qui se répartissent dans les catégories suivantes :

• Les déficiences visuelles, telles que la perte de la vue ou la cécité. L'Organisation mondiale de la santé estime que 217 millions de personnes sont malvoyantes et 36 millions sont aveugles dans le monde.

• Les déficiences auditives, telles que des niveaux d'audition faibles ou pas d'audition du tout.

• Les déficiences motrices, telles que la perte de membres, la paralysie ou la difficulté à contrôler les membres.

• Les déficiences cognitives, qui peuvent varier considérablement. Cette catégorie comprend les personnes souffrant de maladies mentales, de troubles de l'apprentissage (comme la dyslexie) et de déficiences intellectuelles.

Nous pouvons grosso modo diviser ces handicaps en trois catégories : permanents, temporaires et conditionnels/situationnels. Tous les handicaps ne sont pas permanents. Pensez à la difficulté que vous auriez à utiliser un ordinateur si vous vous cassiez le bras. Ou encore, comment la lumière directe du soleil sur votre smartphone vous empêche de voir ce qui s'affiche à l'écran. Notre point de vue sur l'accessibilité tient compte de tout cela. Nous voulons que vous puissiez utiliser Easy LMS où et quand vous le souhaitez.

Notre chemin vers un produit accessible

Rendre Easy LMS accessible est un processus continu.

Pour rendre Easy LMS accessible et convivial, nous avons soigneusement vérifié nos pages. Cela a nécessité de nombreuses itérations - et parfois un parcours semé d'embûches. Mais cela ne s'arrête pas là. Rendre Easy LMS accessible est un processus continu. Nos nouvelles fonctionnalités reçoivent la même attention lorsqu'il s'agit d'accessibilité. Et nous voulons toujours rendre la plateforme actuelle encore plus accessible qu'elle ne l'est aujourd'hui ! Maintenant, parlons de certaines choses que nous avons déjà faites pour l'accessibilité.

Contraste des couleurs

En 2019, nous avons introduit un nouveau thème de couleurs amélioré. Nous aimions les couleurs d'origine, mais le contraste était mauvais. Nous avons soigneusement conçu une nouvelle palette de couleurs, conforme aux directives WCAG 2.1 (niveau AA). Nous avons d'abord conçu plusieurs versions différentes. Ensuite, nous avons demandé à nos clients quelle était celle qu'ils préféraient. Après avoir mis en œuvre le nouveau thème, nous l'avons rapidement apprécié. Il est beaucoup plus agréable à l'œil. Vous voyez le résultat en ce moment même ! Cependant, il est toujours dommage que notre design néerlandais orange n'ait pas été retenu...

ProseMirror-trailingBreak">

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.

Navigation au clavier

Ce qu'un couteau bien aiguisé est pour les cuisiniers, un clavier l'est pour les utilisateurs aveugles derrière un ordinateur. Ils ne peuvent aller nulle part sans lui. Ils utilisent le clavier pour contrôler leur lecteur d'écran. En outre, de nombreux utilisateurs souffrant d'un handicap moteur ont besoin d'un clavier.

Chez Easy LMS, nous avons porté une attention particulière à la navigation au clavier sur l'ensemble du site web. Nos principaux changements sont les suivants :

1. Fournir un ordre de tabulation logique

La navigation sur notre plateforme à l'aide d'un clavier suit un ordre logique. Dans notre tableau de bord, les menus sont répartis sur le côté gauche et en haut de l'écran. En naviguant par onglets, les utilisateurs accèdent à des niveaux de plus en plus profonds. Nous veillons à ce que le menu contextuel (qui vous permet de partager et de consulter votre examen) se trouve sémantiquement à l'intérieur de l'examen et non au-dessus.

Nous savons qu'il y a beaucoup de navigation dans notre tableau de bord. Pour donner à l'utilisateur la possibilité de passer outre, nous avons mis en place un lien de saut. Cela signifie que vous pouvez à tout moment accéder à la section du contenu à partir du haut de la page. C'est une sorte d'échappatoire secrète

2. Définition des styles de mise au point

Voler à l'aveuglette sur une page web. Cela se produit lorsque les styles de mise au point ne sont pas clairs. Pour montrer à l'utilisateur où il se trouve sur la page, nous avons ajouté un style de focalisation à tous les éléments "focalisables" de la page. Les éléments focalisables sont tous les éléments interactifs, tels que les boutons, les liens et les entrées de formulaire. Grâce à un script, nous détectons le type d'entrée utilisé. Nous pouvons ainsi ajouter un style supplémentaire pour les utilisateurs qui se servent d'un clavier. En même temps, nous gardons la page propre pour les utilisateurs de la souris.

3. Appuyer sur des boutons à l'aide d'un clavier

La règle générale est la suivante : s'il s'agit d'un bouton, il doit ressembler à un bouton et se comporter comme un bouton, et vice versa. Lorsqu'un utilisateur "clique" sur un bouton à l'aide de son clavier, il s'attend à ce qu'il fonctionne de la même manière qu'avec une souris. Il en va de même pour les liens, bien entendu. La plupart de nos scripts sont compatibles avec les claviers. Dans les rares cas où ils ne le sont pas, nous fournissons une alternative appropriée aux utilisateurs de clavier. Pour notre tableau de bord, nous utilisons Foundation de Zurb comme cadre de travail frontal, qui offre une prise en charge complète de l'accessibilité.

Prise en charge des lecteurs d'écran

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.

Ma question a-t-elle été enregistrée ? Sur quelle page de la navigation suis-je actuellement ? Le menu déroulant que je viens d'essayer d'ouvrir a-t-il été développé ? Nous fournissons à nos utilisateurs de lecteurs d'écran autant de commentaires que possible.

Nous sommes devenus de véritables experts en matière de lecteurs d'écran, car nous testons minutieusement les différents types de lecteurs. Nous enseignons à nos propres développeurs le fonctionnement des lecteurs d'écran et la manière de les tester. Enfin, notre testeuse, Caroline, parcourra les pages avec un lecteur d'écran une fois de plus au cours de la phase de test. Nous n'aimons pas laisser ces choses au hasard.

Support de zoom

Enfin, nous fournissons une assistance aux utilisateurs qui zooment sur la page. Cette fonction s'adresse aux personnes malvoyantes qui souhaitent agrandir la page pour la rendre plus facile à voir et à lire. Nous leur apportons notre soutien. Par exemple, nous veillons à ce que notre navigation principale ne se détache pas de l'écran et reste déroulable lorsqu'elle est agrandie.

L'avenir de l'accessibilité chez Easy LMS

Nous prévoyons beaucoup de choses intéressantes pour assurer l'accessibilité d'Easy LMS.

Ce n'est pas fini tant que ce n'est pas fait. Cela s'applique également à notre travail dans le domaine de l'accessibilité. Nous pouvons toujours l'améliorer et le rendre plus intelligent qu'auparavant. Nous prévoyons beaucoup de choses intéressantes pour assurer l'accessibilité d'Easy LMS. Nous travaillons actuellement sur l'automatisation des tests de notre code. De plus, nous mettons en place des directives internes pour nous assurer que notre niveau actuel d'accessibilité reste en place. Nous avons fait de grands pas dans le domaine de l'accessibilité et nous continuons à apprendre chaque jour.

Notre objectif ultime est d'être accessible à tous. Nous pensons qu'il est important que tout le monde puisse utiliser notre produit. De petites étapes comme celles-ci peuvent faire une grande différence pour nos utilisateurs. Nous sommes heureux d'y contribuer.