Création de contenus de formation en ligne accessibles dans Adobe Captivate

Sujets de cette page :

Présentation

En créant des contenus accessibles et conviviaux, vous vous assurez que les élèves ayant des capacités diverses soient en mesure de les utiliser et de satisfaire à leurs besoins en termes d’apprentissage. Le nouvel Adobe Captivate permet de créer des cours de formation en ligne accessibles. En savoir plus sur développement inclusif de formations en ligne à l’aide du nouvel Adobe Captivate.

Vous pouvez rendre la diapositive accessible et ajouter l’accessibilité aux images, aux fichiers SVG, aux composants interactifs, aux widgets et aux questionnaires sur les diapositives.

Rapport de conformité d’accessibilité

• Adobe Captivate

Prise en charge de l’accessibilité dans Adobe Captivate

Prise en charge des technologies d’assistance

Les utilisateurs ayant des besoins en matière d’accessibilité font souvent appel à des solutions matérielles et logicielles, communément appelées technologies d’assistance, pour interagir avec le contenu numérique. Adobe Captivate est conçu pour prendre en charge un large éventail de technologies d’assistance afin que les auteurs de contenu puissent créer des expériences d’apprentissage en ligne inclusives. Captivate fonctionne avec :

• Lecteurs d’écran : prend en charge NVDA, JAWS et VoiceOver. En savoir plus sur l’accessibilité d’une diapositive et l’ajout de la langue de l’agent vocal pour les lecteurs d’écran.
• Ajouter des sous-titres : vous pouvez ajouter manuellement des sous-titres à l’audio d’une diapositive ou importer un fichier SRT ou VTT. Découvrez comment ajouter des sous-titres dans Adobe Captivate.
• Navigation au clavier : utilisez les raccourcis clavier pour parcourir le cours en suivant l’ordre de lecture dans la table des matières.
• Prise en charge du zoom pour la sortie publiée : les élèves peuvent utiliser des agrandisseurs d’écran pour effectuer un zoom avant jusqu’à 200 %, améliorant la lisibilité et la mise au point du texte.
• Prise en charge des couleurs : les auteurs peuvent sélectionner des couleurs en fonction des directives de contraste conformes aux normes WCAG pour garantir un contraste visuel suffisant et une accessibilité pour les utilisateurs daltoniens ou malvoyants. Reportez-vous aux directives de contraste de couleur WCAG pour plus d’informations.

Fonctionnalités d’accessibilité par type de déficience

Troubles de la vision

Les utilisateurs atteints d’une déficience visuelle peuvent effectuer les actions suivantes :

• Utilisez des lecteurs d’écran (tels que JAWS, NVDA ou VoiceOver) pour accéder aux éléments de l’interface et les lire, notamment le contenu de la diapositive, les étiquettes de bouton, le texte de remplacement des images et les questions de quiz. (Oblige les auteurs à fournir un texte optionnel significatif et des libellés accessibles. En savoir plus sur la définition de l’ordre de lecture des objets sur une diapositive.)
• Parcourez le cours selon un ordre de lecture défini, qui aide les lecteurs d’écran à présenter le contenu de manière logique. (Les auteurs doivent définir l’ordre de lecture des composants sur une diapositive.)
• Effectuez un zoom avant sur le contenu du cours à l’aide des agrandisseurs d’écran ou des fonctions de zoom du navigateur. 
• Affichez le contenu avec une visibilité améliorée en activant les paramètres de contraste élevé basés sur le système d’exploitation/le navigateur. (Les auteurs doivent éviter les combinaisons de couleurs à faible contraste et suivre les directives WCAG en matière de contraste des couleurs.)

Déficiences auditives

Les utilisateurs malentendants peuvent effectuer les actions suivantes :

• Affichez les sous-titres sur le contenu audio et vidéo (par exemple, fichiers MP3 et MP4). (Les auteurs doivent ajouter ou importer des sous-titres pendant la création.)
• Apprenez grâce à des alternatives visuelles, telles que des animations sur les états des personnages, des composants de texte à l’écran ou des vidéos en langue des signes intégrées. (Les auteurs doivent ajouter ces aides visuelles manuellement lors de la création du cours.)

Handicap moteur

Les utilisateurs atteints d’un handicap moteur peuvent effectuer les actions suivantes :

• Naviguez dans le cours à l’aide des commandes du clavier uniquement, y compris le montage, les menus et les éléments interactifs. (Les auteurs doivent s’assurer que tous les éléments interactifs sont accessibles par le clavier.)
• Interagissez avec des fonctionnalités telles que la barre de lecture et la table des matières, les widgets accessibles et les boutons à l’écran. (Les auteurs doivent activer ignorer la navigation et choisir les types de widgets accessibles si nécessaire.)
• Parcourez le contenu du cours à l’aide de la touche Tabulation pour passer à l’action suivante et utilisez Maj + TABULATION pour passer à l’action précédente. (Les auteurs doivent structurer les composants de diapositive dans l’ordre de lecture correct.)

Raccourcis clavier pour la navigation

Les élèves peuvent utiliser des raccourcis clavier standard tels que Tabulation, Maj + Tabulation, Entrée et les touches fléchées pour naviguer dans le contenu, interagir avec celui-ci et contrôler la lecture pendant l’utilisation du cours.

Balises d’en-tête pour l’accessibilité

Pour améliorer la structure sémantique et l’accessibilité du contenu des diapositives dans Adobe Captivate, les procédures suivantes ont été mises en œuvre :

• Titres : tous les titres de diapositive sont marqués à l’aide de la balise d’en-tête <h1> pour indiquer leur importance principale et leur hiérarchie de niveau supérieur sur la diapositive.

• Sous-titres : la balise de titre <h2> est attribuée aux intertitres et aux sous-titres, ce qui permet de créer une structure claire et d’améliorer la navigation pour les utilisateurs et les technologies d’assistance.

• Contenu du corps : le contenu du corps de la diapositive principale n’utilise pas de balises d’en-tête. Cela permet de rester concentré sur les titres et les sous-titres, garantissant ainsi la clarté et la cohérence de la hiérarchie du contenu.

• Blocs de contenu d’image : les sous-titres au sein de blocs d’image sont considérés comme du corps de texte classique afin d’assurer une mise en forme et une lisibilité cohérentes.Les légendes associées aux images sont étiquetées <h1>.

• Plusieurs blocs de contenu : lorsqu’une diapositive comprend plusieurs titres et sous-titres ou utilise plusieurs blocs de contenu, chaque bloc se voit attribuer ses propres balises <h1> et <h2>. Cela garantit que chaque section conserve une hiérarchie sémantique appropriée, améliorant la navigation et la structure.

Conseils aux auteurs pour l’accessibilité

• Utilisez un texte de remplacement descriptif pour toutes les images et tous les objets interactifs afin de prendre en charge les utilisateurs de lecteurs d’écran.
• Structurez le contenu avec des titres clairs et un ordre de lecture logique pour améliorer la navigation, en particulier pour les technologies d’assistance.
• Choisissez des modèles de couleurs à contraste élevé conformes aux directives WCAG en matière de contraste pour aider les utilisateurs atteints d’une déficience visuelle.
• Fournissez des sous-titres pour tout le contenu audio et vidéo afin d’aider les élèves atteints d’un handicap auditif.
• Évitez la lecture automatique des médias, sauf si les utilisateurs disposent de commandes permettant de suspendre ou d’arrêter la lecture.
• Testez votre cours avec des lecteurs d’écran et des vérificateurs d’accessibilité pour identifier et résoudre les problèmes potentiels avant la publication.
• Assurez-vous que tous les éléments interactifs sont accessibles via le clavier, y compris les boutons, les questionnaires et les commandes de navigation.

Articles connexes

• Rendre une diapositive accessible
• Accessibilité des objets de la diapositive
• Rendre un composant interactif accessible
• Rendre un widget accessible
• Rendre un questionnaire accessible
• Accessibilité de la table des matières et de la barre de lecture