Guide d'utilisation Annuler

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

  1. Guide de l’utilisateur de Captivate
  2. Présentation de Captivate 
    1. Nouveautés d’Adobe Captivate
    2. Configuration requise d’Adobe Captivate
    3. Mises à jour d’Adobe Captivate
      1. Notes de mise à jour d’Adobe Captivate (mise à jour 12.4)
      2. Notes de mise à jour d’Adobe Captivate (mise à jour 12.3)
      3. Notes de mise à jour d’Adobe Captivate (mise à jour 12.2)
      4. Notes de mise à jour d’Adobe Captivate (mise à jour 12.1)
    4. Télécharger Adobe Captivate
    5. Foire aux questions
  3. Ajout d’une diapositive
    1. Navigateur de diapositives dans Adobe Captivate
    2. Ajout d’une diapositive de conversation
    3. Ajout de personnages à votre projet Adobe Captivate
    4. Modification de l’image d’arrière-plan d’une diapositive
    5. Ajout d’une marge intérieure dans les blocs de contenu et composants
    6. Création d’un projet à défilement long
  4. Ajouter des blocs de texte
    1. Ajout de texte dans un projet
  5. Ajouter des blocs de média
    1. Ajout d’images dans un projet
    2. Ajout de vidéos dans un projet
    3. Ajout de citations
    4. Ajout de fichiers SVG dans un projet
  6. Composants interactifs
    1. Ajout d’un bouton
    2. Ajouter un champ de saisie
    3. Ajouter un groupe de boutons radio
    4. Ajout d’une liste déroulante
    5. Ajout d’une case à cocher
  7. Widgets
    1. Ajout d’une carte
    2. Ajout d’onglets
    3. Ajout d’un certificat
    4. Ajout d’une liste
    5. Ajout d’une zone réactive
    6. Ajout d’un élément de glisser-déposer
    7. Ajout d’un montage chronologique
    8. Ajout d’un élément Cliquer pour afficher
  8. Création de questionnaires
    1. Ajout d’une question à choix multiples
    2. Ajout d’une question de type vrai ou faux
    3. Ajout d’une question d’association de la colonne
    4. Ajout d’une question à réponse courte
    5. Ajout d’une question de séquence
    6. Ajout de groupes de questions et de diapositives de questions aléatoires
    7. Importation de questions au format CSV
  9. Ajout de l’audio à un projet
    1. Ajout d’audio
  10. Interactions
    1. Ajout d’interactions dans un projet
    2. Création d’une vidéo interactive avec incrustation
    3. Création d’une interaction au niveau de la diapositive
    4. Création d’une interaction au niveau de l’objet
  11. Animations
    1. Ajout d’animations dans un projet
  12. Accessibilité
    1. Rendre un projet accessible
  13. Personnalisation du montage chronologique
    1. Montage chronologique dans Adobe Captivate
  14. Personnalisation de la table des matières et de la barre de lecture
    1. Table des matières dans Adobe Captivate
  15. Modification des propriétés d’un projet
    1. Variables dans Adobe Captivate
    2. Préférences
    3. Dimensions du projet
    4. Thèmes
  16. Création d’un projet de simulation
    1. Simulation
  17. Prévisualisation d'un projet
    1. Aperçu
  18. Partage d’un projet pour révision
    1. Partage pour révision   
  19. Publication d’un projet
    1. Publication de votre projet
  20. Mise à niveau de projets dans Adobe Captivate
    1. Passez à la dernière version pour vos projets

Découvrez comment créer un projet accessible et conforme dans Adobe Captivate.

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é

Sujets de cet article :

Directives pour l’amélioration de la structure sémantique à des fins d’accessibilité

Pour améliorer la structure sémantique et l’accessibilité du contenu des diapositives, appliquez les directives suivantes :

  • Titres : tous les titres de diapositive sont indiqués par la balise d’en-tête <h1> qui souligne leur signification et la hiérarchie dans le document.
  • Sous-titres : les en-têtes secondaires qui servent de sous-titres sont indiqués par la balise d’en-tête <h2>. Cela permet d’obtenir une structure claire qui facilite la navigation des utilisateurs et des technologies d’assistance.
  • Corps du texte : le corps du texte principal de la diapositive ne contient aucune balise d’en-tête. Cela permet de s’assurer que l’accent est mis sur les en-têtes principaux et les sous-titres et de préserver la clarté et la cohérence de la structure du document.
  • Blocs de contenu d’image : les sous-titres au sein de blocs de contenu d’image sont considérés comme le corps du texte standard afin de maintenir une mise en forme et une lisibilité cohérentes. De plus, les légendes associées aux images sont étiquetées avec le niveau d’en-tête  1.

En outre, si une page comprend plusieurs titres et sous-titres et que de nombreux blocs de contenu sont utilisés pour la conception de la diapositive, chaque bloc de contenu dispose des balises <h1> et <h2> équivalentes. Grâce à cette méthodologie, chaque section de contenu distincte conserve sa hiérarchie sémantique, ce qui permet d’améliorer l’organisation et la clarté générales des diapositives. En attribuant des balises d’en-tête appropriées à chaque titre et sous-titre, les utilisateurs peuvent parcourir le contenu plus efficacement, notamment s’ils ont recours à des technologies d’assistance ou s’ils consultent le contenu dans des formats inhabituels.

Ces pratiques sont conformes aux normes d’accessibilité du Web et améliorent la convivialité de la présentation pour l’ensemble des participants.

Accessibilité des diapositives

Lors de la création de contenus de formation en ligne accessibles, il est important de fournir un texte descriptif et informatif pour chaque diapositive. Adobe Captivate permet de spécifier un texte d’accessibilité pour les informations clés qui sont présentées sur la diapositive. Un lecteur d’écran lit ensuite le texte à l’élève.

  1. Sélectionnez Accessibilité dans la barre d’outils de droite.

    Sélection de l’accessibilité dans le panneau de droite
    Sélection de l’accessibilité dans la barre d’outils de droite

  2. Saisissez le texte d’accessibilité dans le champ Texte d’accessibilité.

    Saisissez le texte d’accessibilité dans le champ Texte d’accessibilité.
    Saisie du texte d’accessibilité

  3. Sélectionnez l’agent vocal en fonction de la langue utilisée pour le texte d’accessibilité. Si vous saisissez du texte en allemand par exemple, sélectionnez Allemand dans la liste déroulante de l’Agent vocal pour qu’un lecteur d’écran utilise l’agent spécifique aux paramètres régionaux lors de la lecture du texte.

    Sélection de l’agent vocal dans la liste déroulante
    Sélection de l’agent vocal

Rendre les objets de la diapositive accessibles

Avec Adobe Captivate, vous pouvez définir l’accessibilité des images, du texte, des fichiers SVG ou des vidéos sur une diapositive

  1. Sélectionnez une image de la diapositive.

  2. Sélectionnez Accessibilité dans la barre d’outils de droite. L’ordre de lecture affiche tous les objets de la diapositive.

    L’ordre de lecture affiche la séquence d’objets dans une diapositive
    L’ordre de lecture affiche la séquence d’objets dans une diapositive

    Tous les objets sur la diapositive sont lus dans l’ordre affiché dans la section Ordre de lecture. L’ordre des objets dans l’ordre de lecture est de haut en bas et de gauche à droite.

    Par exemple, si vous sélectionnez un objet de texte dans l’ordre de lecture, l’agent vocal lit le texte sur la diapositive.

    Option Masquer au lecteur d’écran d’un objet dans l’ordre de lecture
    Option Masquer au lecteur d’écran

    Masquer au lecteur d’écran

    Lorsque vous activez l’option Masquer au lecteur d’écran, le lecteur d’écran ignore l’objet.

    Afficher l’ordre des tabulations

    Si vous activez le bouton Afficher l’ordre des onglets, elle affiche l’ordre de navigation des objets interactifs sur la diapositive. Vous pouvez réorganiser les objets interactifs en les faisant glisser vers la position souhaitée.

    Réorganisation des objets en les faisant glisser vers une position souhaitée
    Réorganisation des objets en les faisant glisser vers une position souhaitée

  3. Sélectionnez un objet, par exemple une image de la diapositive.

    Sélection d’une image dans une diapositive
    Sélection d’une image dans une diapositive

  4. Si vous avez ajouté un état à l’objet, vous pouvez ajouter un texte d’accessibilité et sélectionner un agent vocal pour chaque état.

    Consultez la section suivante pour obtenir plus d’informations sur l’ajout de l’accessibilité aux états.

    Sélection de l’état d’un objet pour ajouter le texte d’accessibilité
    Sélection de l’état d’un objet pour ajouter le texte d’accessibilité

Rendre un objet non interactif accessible

Vous pouvez rendre accessible une image ou tout objet non interactif.

  1. Sélectionnez Ajouter des blocs multimédias > Grille d’images dans la barre d’outils de gauche pour insérer un bloc de contenu de grille d’image dans la diapositive.

  2. Insérer une image à partir des Ressources ou de votre ordinateur. Pour plus d’informations sur l’insertion d’images, consultez Ajout d’images à un projet dans Adobe Captivate.

  3. Cliquez sur Accessibilité dans la barre d’outils de droite.

    Dans la section Ordre de lecture, vous pouvez ajouter un texte d’accessibilité pour l’image. Si vous souhaitez que le lecteur d’écran lise le texte, laissez l’option Masquer au lecteur d’écran désactivée.

    Remarque :

    Vous pouvez masquer certains objets du logiciel au lecteur d’écran en activant l’option Masquer au lecteur d’écran pour chaque objet.

  4. Pour améliorer l’accessibilité du texte, sélectionnez-le dans l’ordre de lecture, puis sélectionnez un agent vocal ou masquez le texte au lecteur d’écran.

Rendre un objet interactif accessible

Dans Adobe Captivate, vous pouvez rendre un bouton ou un objet interactif accessible à vos élèves.

  1. Cliquez sur Ajouter des composants interactifs > Bouton  dans la barre d’outils de gauche pour ajouter un bouton.

  2. Sélectionnez Accessibilité dans la barre d’outils de droite.

  3. Dans la section Ordre de lecture, vous pouvez ajouter le texte d’accessibilité comme étiquette de bouton et sélectionner un agent vocal.

    S’il existe plusieurs boutons, vous pouvez réorganiser l’ordre des onglets. Activez l’option Afficher l’ordre des onglets et réorganisez les boutons.

La modification de l’ordre de lecture d’un objet interactif ne modifie pas sa position réelle dans la section Ordre de lecture. Cependant, un lecteur d’écran les lira dans l’ordre que vous avez spécifié dans l’option Afficher l’ordre des onglets.

Rendre les états personnalisés d’un objet accessibles

Dans cet exemple, vous allez rendre accessibles les poses d’un personnage à l’aide des états personnalisés du personnage.

  1. Sélectionnez Ajouter des blocs multimédias > Personnages et texte dans la barre d’outils de gauche. Remplacez un personnage par plusieurs poses. Consultez le document Ajout de personnages à votre projet Captivate pour en savoir plus sur le remplacement d’un personnage par des poses à partir des Ressources.

  2. Cliquez sur Afficher dans le panneau Propriétés visuelles pour lancer le menu volant des états et afficher les poses sous forme d’états.

    Affichage des poses d’un personnage sous forme d’états
    Affichage des poses d’un personnage sous forme d’états

  3. Sélectionnez Accessibilité dans la barre d’outils de droite. Dans la section Ordre de lecture, les états d’objet s’affichent dans la liste déroulante État.

    Ajout de textes d’accessibilité pour les états d’objet à partir de l’ordre de lecture
    Ajout de textes d’accessibilité pour les états d’objet à partir de l’ordre de lecture

  4. Sélectionnez une pose dans la liste déroulante et ajoutez son texte d’accessibilité.

    Ajout de textes d’accessibilité pour les états d’objet de différentes poses à partir de l’ordre de lecture
    Ajout de textes d’accessibilité pour les états d’objet de différentes poses à partir de l’ordre de lecture

  5. Répétez les étapes pour ajouter un texte d’accessibilité pour les autres états.

Rendre une case accessible

Dans Adobe Captivate, vous pouvez rendre une case accessible à vos élèves.

  1. Ajoutez une diapositive au projet.

  2. Cliquez sur Ajouter des composants interactifs > Case dans la barre d’outils de gauche.

  3. Sélectionnez Accessibilité dans la barre d’outils de droite.

  4. Dans la section Ordre de lecture, sélectionnez un agent vocal pour l’étiquette de case à cocher.

Rendre un widget accessible

Pour cet exemple, vous allez rendre un widget de carte accessible.

  1. Ajoutez un widget de carte en cliquant sur Ajouter un widget > Cartes dans la barre d’outils de gauche.

  2. Lancez le menu Accessibilité dans la barre d’outils de droite.

  3.  L’ordre de lecture affiche tous les objets interactifs et non interactifs. Activez l’option Afficher l’ordre de tabulation pour afficher les objets interactifs dans le widget.

  4. Sélectionnez un conteneur de carte dans la section Ordre de lecture , ajoutez le texte d’accessibilité et sélectionnez un agent vocal

    Ordre de lecture des objets dans un widget de carte
    Ordre de lecture des objets dans un widget de carte

    Remarque :

    De la même manière, vous pouvez ajouter l’accessibilité à un objet texte et sélectionner un agent vocal pour le texte situé au verso d’une carte dans un bloc de contenu de carte.

  5. Pour ajouter un texte d’accessibilité à tous les objets d’un groupe de cartes, sélectionnez la flèche à côté du conteneur.

    Ajout d’un texte d’accessibilité à l’ensemble des objets d’un groupe de cartes
    Ajout d’un texte d’accessibilité à l’ensemble des objets d’un groupe de cartes

  6. Ajoutez le texte d’accessibilité et sélectionnez un agent vocal pour un objet spécifique de la carte.

    Ajouter le texte d’accessibilité et sélectionner un agent vocal pour un objet spécifique de la carte
    Sélection d’un agent vocal pour un objet spécifique de la carte

Rendre un questionnaire accessible

Pour cet exemple, vous allez rendre accessible une diapositive de question à choix multiples.

  1. Cliquez sur l’icône + dans la barre d’outils de gauche et sélectionnez Choix multiple.

  2. Sélectionnez Accessibilité dans la barre d’outils de droite.

  3. Dans la section Ordre de lecture,

    Mode Questionnaire

    Sélectionnez un agent vocal pour le titre et le texte des options de réponse. Le lecteur d’écran lit le texte dans la langue sélectionnée dans la liste déroulante de l’agent vocal. Activez l’option Afficher l’ordre des onglets pour réorganiser les objets interactifs afin que le lecteur d’écran les lise dans l’ordre spécifié.

    Vous pouvez également masquer certains objets au lecteur d’écran en activant l’option Masquer au lecteur d’écran.

    Masquer dans le lecteur d’écran pour un objet en mode Questionnaire
    Masquer dans le lecteur d’écran pour un objet en mode Questionnaire

    Mode Vérification

    Le Mode de révision comporte deux boutons supplémentaires : Précédent et Suivant. Dans ce mode, vous pouvez sélectionner l’agent vocal pour les objets texte. Pour les objets bouton, vous pouvez ajouter un texte d’accessibilité. 

    Activez l’option Afficher l’ordre des onglets pour réorganiser les objets interactifs afin que le lecteur d’écran les lise dans l’ordre spécifié.

    Le lecteur d’écran lit la légende et la réponse correcte en mode de révision.

Accessibilité de la table des matières et de la barre de lecture

Lorsque les élèves suivent un cours avec la barre de lecture et la table des matières activées, ils peuvent utiliser la touche de tabulation pour parcourir les éléments sur la barre de lecture.

Utilisation de la touche de tabulation pour parcourir les éléments de la barre de commandes
Utilisation de la touche de tabulation pour parcourir les éléments de la barre de commandes

Appuyez à nouveau sur la touche de tabulation pour mettre en surbrillance l’option Passer au contenu principal sur la barre de lecture. Appuyez sur la touche Espace et sur la touche de tabulation pour activer un objet interactif dans la diapositive.

Appuyez sur la touche Espace et sur la touche de tabulation pour activer un objet interactif dans la diapositive.
Appuyez sur la touche Espace et sur la touche de tabulation pour activer un objet interactif dans la diapositive.

Appuyez sur la touche de tabulation deux fois pour activer le menu de la table des matières sur la barre de lecture. 

Appuyer sur la touche de tabulation deux fois pour activer le menu de la table des matières sur la barre de lecture
Appuyer sur la touche de tabulation deux fois pour activer le menu de la table des matières sur la barre de lecture

Appuyez sur la touche Espace pour lancer la table des matières.

Appuyer sur la touche Espace pour lancer la table des matières
Appuyer sur la touche Espace pour lancer la table des matières

Appuyez sur la touche de tabulation pour parcourir les cours dans la table des matières.

Appuyer sur la touche de tabulation pour parcourir les cours dans la table des matières
Appuyer sur la touche de tabulation pour parcourir les cours dans la table des matières

Appuyez sur la touche Espace pour lancer une partie spécifique du cours.

Appuyer sur la touche Espace pour lancer une partie spécifique du cours
Appuyer sur la touche Espace pour lancer une partie spécifique du cours

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?