Rise 360 : Comment concevoir un module accessible

Dernière mise à jour de l’article le

Cet article s'applique à :

L'accessibilité dans le domaine de l'apprentissage en ligne est un élément clé de la conception d'un bien sûr. Mais qu'est-ce que l'accessibilité, au juste ? C'est bien plus qu'un ensemble de normes et d'exigences. L'accessibilité permet à vos apprenants de se concentrer sur votre contenu et de ne pas se laisser distraire par des obstacles. Avec Rise 360, nous avons supprimé bon nombre de ces obstacles grâce à des fonctionnalités telles que les sous-titres des vidéos (en plusieurs langues), le support technique accessible par le biais d'extensions de navigateur, et bien d'autres encore.

La création de contenu accessible ne se limite pas à répondre aux normes. Lorsque vous améliorez l'accessibilité de votre contenu, tout le monde en profite. Le besoin de mesures d'adaptation supplémentaires ne touche pas uniquement les personnes atteintes d'une déficience physique ou neurologique permanente. Le besoin peut être temporaire en raison de la maladie ou de l'environnement. Créez votre contenu pour qu'il rencontre vos apprenants là où ils se sentent le plus à l'aise.

Alors, par où commencer ? Dans cet article, vous trouverez des moyens spécifiques d'aider les apprenants à interagir de manière aussi complète que possible avec vos modules Rise 360.

Concevez votre module en tenant compte de l'accessibilité

Faites savoir aux apprenants handicapés qu'ils font partie intégrante de votre public dès le départ. Fournissez des instructions d'accessibilité au début de votre module afin qu'ils soient immédiatement à l'aise avec sa mise en page et sa conception. Mentionnez des éléments tels que le fait qu'ils peuvent accéder directement au contenu de la leçon, en sautant la navigation dans la barre latérale, lorsqu'ils parcourent un module avec un lecteur d'écran. Vous pouvez même créer un lien vers cet article sur les raccourcis accessibles au clavier afin que les apprenants puissent se familiariser avec la navigation alternative dans Rise 360.

La navigation au clavier n'est toutefois qu'une pièce du puzzle de l'accessibilité. Voici d'autres conseils utiles à prendre en compte lors de la conception de votre module.

  • Les blocs de titres et les étiquettes de contenu ne se contentent pas d'organiser votre module. Le fait de diviser de longues sections de contenu en parties discrètes et clairement étiquetées aide de nombreux types d'apprenants neurodivergents. Ils facilitent également la navigation des apprenants à l'aide de lecteurs d'écran.
  • La cohérence est essentielle. Lorsque vous utilisez un objet ou une activité interactive plusieurs fois, assurez-vous de l'identifier de la même manière à chaque fois. Par exemple, si vous utilisez des blocs de boutons pour accéder à d'autres emplacements, étiquetez-les de manière cohérente tout au long de votre module.
  • Utilisez le champ de retour pour les questions du quiz et les vérifications de connaissances. Donnez des retours ou des instructions aux apprenants afin qu'ils sachent à quoi s'attendre en cas de mauvaise réponse.
  • Un .GIF clignotant ou une vidéo intense peut apporter un certain éclat visuel, mais cela peut également déclencher des crises chez les apprenants sensibles. N'utilisez pas de vidéos ou d'animations qui clignotent ou clignotent plus de trois fois par seconde. En cas de doute, utilisez cet outil pour analyser votre vidéo.
  • Offrez aux apprenants des alternatives textuelles pour le contenu non textuel. Utilisez un texte alternatif pour décrire les images. Utilisez des blocs de texte ou des blocs graphiques étiquetés pour fournir des descriptions détaillées pour des images complexes, telles que des graphiques et des cartes. Pour les blocs audio et vidéo, utilisez le champ de légende pour décrire l'objectif du média.
  • Si vous utilisez du texte sur une image, assurez-vous que l'opacité de l'image est définie de manière à ce que les apprenants malvoyants puissent différencier le texte de l'image d'arrière-plan. Surveillez également de près le rapport de contraste entre l'image et le texte pour les graphiques (tels que les boutons). Il doit être de 3:1 pour le texte volumineux et de 4:5:1 pour le texte normal, au minimum.

Blocs inaccessibles

Les blocs listés ci-dessous ne sont pas encore conformes aux WCAG 2.1. Si vous les utilisez dans vos leçons, vous devrez également proposer des alternatives, telles qu'un bloc de texte résumant les mêmes informations.

  • Les carrousels d'images ne sont pas entièrement accessibles au clavier et ne possèdent pas de hiérarchie définie.
  • Les blocs de scénario ne prennent pas en charge le texte alternatif.
  • Les blocs d'activité de tri ne comportent pas d'instructions ou de messages d'état accessibles.
  • Les vérifications de connaissances correspondantes ne fournissent pas de séquence significative ni de hiérarchie définie lorsqu'elles sont accessibles via un lecteur d'écran. Ils ne sont pas non plus accessibles au clavier et ne fournissent pas d'instructions ou de messages d'état accessibles.

Notre objectif ultime est de créer du contenu dans Rise 360 sans nous soucier de l'accessibilité de ses composants. Nous travaillons avec diligence pour garantir l'accessibilité aux apprenants sans exception. Dans le cadre de nos efforts pour atteindre cet objectif, nous vous recommandons de consulter ce guide pour choisir les composants de contenu accessibles.

Rendre le contenu visuel accessible

Pourquoi un contenu « visuel » et non un contenu « vidéo » ? Parce que votre module ne se limite pas à des vidéos ! S'assurer qu'un support visuel tel que les cours en ligne est accessible peut sembler intimidant, ce n'est en fait pas trop difficile une fois que vous avez mis en place certaines bases.

Les déficiences visuelles couvrent un large spectre, notamment la basse vision, le daltonisme et la cécité totale. Cela pourrait également inclure les apprenants qui ont du mal à lire le texte à l'écran en raison de troubles d'apprentissage ou parce que la langue du module est une langue seconde pour eux. Comme il s'agit d'une catégorie très étendue, décomposons-la par hébergement spécifique.

Lecteurs d'écran

Les apprenants utilisent souvent des lecteurs d'écran pour suivre les modules e-learning. Il est donc important de noter que Rise 360 est compatible avec les lecteurs d'écran JAWS, NVDA, VoiceOver et TalkBack avec nos navigateurs compatibles.

  • Veillez à utiliser des blocs de texte pour transmettre des informations importantes plutôt que d'importer des images de texte, qui ne peuvent pas être lues par les outils d'assistance.
  • Définissez la langue du module dans vos étiquettes de texte et les lecteurs d'écran utiliseront cette langue pour prononcer correctement les éléments de l'interface et le contenu du cours.
  • Les tableaux ne se contentent pas d'organiser votre contenu visuellement, ils communiquent aux lecteurs d'écran comment le contenu est organisé, ce qui peut ensuite fournir un contexte à l'apprenant. Cliquez ici pour en savoir plus sur l'ajout de tables dans Rise 360.

Rapport de contraste

Les éléments de l'interface Rise 360 répondent déjà aux exigences de contraste minimales, mais vous devez également vous assurer que vos choix de conception respectent les directives. En cas de doute, voici un correcteur de contraste utile pour déterminer votre taux de contraste.

  • Lorsque vous choisissez la couleur du texte, vous devez utiliser un rapport de contraste de 4, 5:1 ou plus. Cela permet aux apprenants malvoyants de le lire.
  • Proposez des alternatives lorsque la couleur est utilisée pour transmettre des informations ou des instructions importantes. Les apprenants daltoniens ne verront peut-être pas les différences dans vos choix de couleurs. Utilisez un rapport de contraste de 4:5:1 entre le texte cliquable de taille normale et le texte statique (3:1 pour le texte volumineux) et envisagez d'utiliser des motifs, des textures ou du texte pour faire ressortir différentes zones d'une image (comme les barres d'un graphique).
  • Assurez-vous que la couleur d'accent de votre Rise 360 et la couleur d'arrière-plan de votre bloc présentent un rapport de contraste de 3:1 ou plus lorsqu'elles sont adjacentes à du contenu non textuel, tel que des boutons, des graphiques et d'autres éléments graphiques.

Descriptions audio et textuelles

Lorsque vous ajoutez un élément visuel à votre module, qu'il s'agisse d'une image, d'une vidéo ou d'un graphique circulaire, il est important de garder à l'esprit que les apprenants qui ne peuvent pas le voir ont besoin d'un moyen d'en extraire les informations.

  • Si vous incluez des vidéos dans votre module, vous souhaiterez inclure des descriptions textuelles dans un bloc de texte suivant. Vous pouvez également créer des descriptions audio dans une application séparée, puis les importer dans Rise 360. Par exemple, synchronisez les descriptions audio avec une vidéo dans Storyline 360, puis publiez la diapositive sous forme de fichier vidéo.
  • Pour les images, incluez un texte alternatif significatif (texte alternatif) qui décrit clairement ce qui est affiché. Heureusement, il est facile de l'ajouter à Rise 360. Si vous avez besoin de conseils pour rédiger un bon texte alternatif, consultez la page 8 de notre e-book sur l'accessibilité !
  • Fournissez une description textuelle détaillée ou envisagez une autre activité interactive accessible au clavier pour les blocs interactifs par glisser-déposer pendant que nous nous efforçons d'optimiser la navigation au clavier.

Rendre le contenu audio accessible

Les sous-titres codés sont essentiels pour rendre le contenu audio accessible aux apprenants qui ne peuvent pas entendre votre contenu (pour une raison quelconque, qu'elle soit physiologique ou environnementale). Pour tout savoir sur l'ajout de sous-titres codés aux vidéos dans Rise 360, cliquez ici. Notez que Rise 360 ne prend actuellement pas en charge le support technique des sous-titres pour les blocs audio.

Vous devez également proposer aux apprenants des alternatives textuelles pour le contenu uniquement audio. Utilisez un bloc de texte ou une activité interactive en accordéon avec un seul onglet pour afficher une transcription. Si la transcription est courte, vous pouvez même utiliser le champ de légende du bloc audio.

Rendre le contenu interactif accessible

Rise 360 fournit des instructions pour les interactions, à l'exception des activités de tri, des interactions avec le carrousel, des flashcards et des questions correspondantes par glisser-déposer. Jusqu'à ce que ces interactions soient totalement accessibles, vous devez utiliser un bloc de texte pour fournir des instructions.

Le tri et le glisser-déposer des interactions sont également difficiles à utiliser avec un clavier. Si vous les utilisez dans votre module, proposez des alternatives textuelles ou une description des informations dont ils ont besoin lors de l'activité interactive.

Obtenez de l'aide quand vous en avez besoin

Vous voulez aller plus loin ? Consultez notre modèle volontaire d'accessibilité des produits Rise 360 (VPAT®) et notre e-book gratuit sur la conception d'un apprentissage en ligne accessible.

Visitez également http://webaim.org pour des solutions complètes d'accessibilité Web, y compris des formations, des outils et un support technique communautaire.

Et si vous avez besoin d'aide, il vous suffit de poser une question à E-Learning Heroes, la communauté d'apprentissage en ligne la plus importante et la plus engagée au monde. Il y a plus de 1 000 000 de membres prêts à vous aider. Il y a de fortes chances que quelqu'un ait déjà résolu un problème que vous rencontrez et qu'il ait de la sagesse à partager.