Ajouter des descriptions d'image

Ajoutez une description détaillée aux images et graphiques pour favoriser la compréhension.

Les images offrent un excellent moyen d'impliquer les apprenants dans différents modes d'apprentissage et favorisent la communication d'idées complexes à l'attention des étudiants. Pour les étudiants qui présentent une déficience visuelle, les descriptions d'image qui expliquent le contenu de ces dernières sont essentielles à l'apprentissage. Les descriptions textuelles peuvent également fournir un contexte plus détaillé à l'ensemble des étudiants et favoriser la compréhension.

Les descriptions d'image sont souvent appelées « descriptions alternatives », « texte alternatif » ou « texte alt ». car elles fournissent une description textuelle alternative à l'image.

Ally vérifie la présence de descriptions partout où il y a une image. y compris les fichiers image et les fichiers contenant des images comme un document ou une présentation.

Sélectionnez l'indicateur Résultat d'accessibilité pour ouvrir le volet de feed-back du professeur. Suivez les instructions pour ajouter des descriptions à vos images. 

Prévisualiser l'endroit où le problème d'accessibilité se trouve

Voir où le problème se trouve

L'aperçu indique où surviennent les problèmes d'accessibilité spécifiques rencontrés dans le document. Les surbrillances indiquent chaque occurrence d'un problème, un type de problème à la fois. Par exemple, si vos images ne comportent pas de description alternative, des surbrillances s'affichent à chaque emplacement où ce problème spécifique se produit. Si votre document a également un contraste de texte médiocre, sélectionnez ce problème dans le volet de feed-back pour afficher ses occurrences en surbrillance.

Les problèmes suivants peuvent être mis en évidence :

  • Images sans description alternative appropriée
  • Fragments de texte avec un contraste insuffisant
  • Tableaux sans en-têtes

Les autres problèmes d'accessibilité ne sont pas mis en surbrillance dans l'aperçu.

Outils d'aperçu

Utilisez les outils situés au-dessus de l'aperçu pour explorer les problèmes dans votre document.

  • Parcourez la page d'aperçu du document par page.
  • Découvrez le nombre de fois où un problème spécifique apparaît dans le document.
  • Permettent de passer d'un problème à l'autre.
  • Permettent de masquer ou d'afficher les surbrillances.
  • Permettent d'effectuer un zoom avant ou arrière sur le contenu d'aperçu.
  • Téléchargez le fichier original.

Ajout de descriptions à un fichier image

Lorsque vous êtes prêt, insérez une description de l'image dans le champ de texte du panneau de feed-back du professeur et sélectionnez Ajouter.

Veillez à ce que votre description ne se limite pas au titre du fichier. Sinon, Ally signalera une erreur d'accessibilité. Décrivez l'image et ce qu'elle contient d'essentiel. Mentionnez le texte contenu dans l'image pour améliorer le résultat. Pour en savoir plus, reportez-vous à Rédiger des descriptions pertinentes.

Indiquer que le fichier image est décoratif

Si votre image n'a qu'un intérêt visuel et ne contient pas d'informations pertinentes en termes de contenu d'apprentissage, sélectionnez Indiquer que l'image est une image décorative.

Les descriptions alternatives ne sont pas nécessaires pour les images décoratives. Votre résultat d'accessibilité augmente. Quant à vos étudiants, ils appréhendent mieux l'objet des fichiers.

Ajout de descriptions aux images dans d'autres fichiers

Les présentations et documents offrent aux étudiants des supports d'étude et de révision très utiles. De nombreux fichiers incluent des images. Il est essentiel de les accompagner de descriptions alternatives, non seulement pour identifier les images du document, mais également pour aider les étudiants présentant une déficience visuelle.

Si votre présentation ou votre document contient des images qui ne sont pas accompagnées de descriptions alternatives, vous devez y remédier à l'aide du logiciel dans lequel vous avez créé votre présentation ou votre document. Importez le nouveau fichier dans Ally lorsque vous êtes prêt. Sélectionnez Comment ajouter des descriptions ? pour obtenir des instructions détaillées sur cette procédure.

Vous n'êtes pas certain de savoir comment rédiger efficacement des descriptions alternatives ? Veillez à ce que votre description ne se limite pas au titre du fichier. Sinon, Ally signalera une erreur d'accessibilité. Décrivez l'image et ce qu'elle contient d'essentiel. Mentionnez le texte contenu dans l'image pour améliorer le résultat. Pour en savoir plus, reportez-vous à Rédiger des descriptions pertinentes.

  1. Sélectionnez Comment ajouter des descriptions ? et suivez les instructions.
  2. Ouvrez le fichier sur votre ordinateur.

    Si vous ne disposez pas d'une copie du fichier sur votre ordinateur, quittez le volet de feed-back du professeur et téléchargez le fichier à partir du cours.

  3. Ajoutez les descriptions à vos images.
    • Microsoft® Office : double-cliquez ou cliquez avec le bouton droit de la souris sur une image pour ouvrir le volet Format de l'image. Sélectionnez Taille et propriétés, puis Texte de remplacement. Saisissez le texte de la description. Ne vous préoccupez pas du titre.
    • LibreOffice : sélectionnez une image. Sélectionnez Format dans la barre de menus, puis sélectionnez Description. Saisissez le texte de la description.
  4. Enregistrez le fichier.
  5. Importez le fichier mis à jour dans votre cours.

    Si les instructions sont toujours ouvertes dans le volet de feed-back du professeur, sélectionnez Suivant, puis Parcourir pour importer le fichier. Si le volet de feed-back du professeur n'est pas ouvert, sélectionnez l'indicateur de résultat d'accessibilité en regard du fichier dans votre cours, puis sélectionnez Parcourir pour importer votre fichier.

Ajouter des descriptions d'image au contenu WYSIWYG de votre cours

Accédez au contenu de votre cours et modifiez-le pour voir le résultat. Sélectionnez le résultat pour ouvrir le panneau Feed-back du professeur et ajouter une description de l'image.

En savoir plus sur la correction du contenu dans votre éditeur WYSIWYG de cours

Texte alternatif des images

Rédaction de bonnes descriptions

Suivez ces bonnes pratiques pour rédiger de bonnes descriptions textuelles alternatives pour vos images :

  • Décrivez l'image en prenant en compte son contexte sur la page. Transcrivez la signification complète de l'image.
  • Évitez les formulations « image de » ou « photo de ». Les lecteurs d'écran annoncent automatiquement les images comme des images.
  • Soyez concis.
  • Rédigez des descriptions pour les images complexes telles que les infographies. Placez cette légende sur la page immédiatement après l'infographie. Incluez un lien d'ancrage en haut de la page pour afficher le texte alternatif. Voir un exemple d'une infographie avec une alternative textuelle.
  • Évitez les images de texte. Si vous ne pouvez faire autrement, copiez le texte dans la description alternative.
  • Variez les informations. N'utilisez pas plusieurs fois une description alternative sur la même page. Ne répétez pas ce qui est déjà dit sur la page.
  • Identifiez les images qui ne représentent pas un contenu pertinent comme décoratives.

Qu'est-ce qu'une image décorative ?

Une image est décorative quand elle ne vient pas compléter l'information sur la page. Par exemple, une œuvre d'art utilisée pour séparer des rubriques ou une photo d'un individu au téléphone utilisée pour illustrer un contenu traitant des compétences en matière de communication.

Elles sont utiles pour leur attrait visuel, mais elles ne doivent pas nécessairement être lues par des lecteurs d'écran.

Plus de détails sur les images décoratives sur le site de l'initiative pour l'accessibilité du Web

Pourquoi les descriptions d'image alternatives sont-elles importantes ?

Il existe de nombreuses raisons d'utiliser des descriptions alternatives avec vos images.

  • Les descriptions alternatives (ou texte alternatif) sont mentionnées dans les directives WCAG 2.1.
  • Elles permettent aux étudiants de rechercher une image
  • Les étudiants souffrant de troubles visuels ont des difficultés à percevoir les images
  • Un étudiant disposant d'une connexion réseau insuffisante peut avoir des difficultés à percevoir les images
  • Les lecteurs d'écran ne peuvent pas lire les images
  • Certains étudiants apprennent mieux à partir de descriptions que d'images
  • La mise à l'échelle du texte est meilleure que celle de la plupart des images lorsque l'écran ou la page sont agrandis

Bonnes pratiques pour les descriptions d'images avec Instructure Canvas

Vous avez ajouté une description alternative à une image dans votre cours et l'indicateur à cadran rouge s'affiche à présent en vert. Suivant la manière et l'endroit du cours où vous avez ajouté la description d'image, quelques considérations sont détaillées dans les scénarios ci-dessous.

Scénario : vous fournissez une description alternative pour une image via Ally dans une page de contenu enrichi de Canvas.

La description est à présent incluse dans l'élément de contenu enrichi et un indicateur à cadran vert s'affiche. La description ajoutée via Ally est instantanément retransmise dans le contenu Canvas afin d'être stockée par Canvas et mise à la disposition de vos étudiants.

Scénario : vous fournissez une description alternative pour une image via Ally dans l'outil Fichiers de Canvas.

Ally a capturé votre description alternative et un indicateur à cadran vert s'affiche. Ally stocke ensuite la description afin de permettre à vos étudiants d'y accéder lorsqu'ils rencontrent l'image dans votre cours. Toutefois, en cas d'ajout d'une description via l'outil Fichiers, celle-ci n'est pas stockée par Canvas.

Scénario : vous fournissez une description alternative pour une image via le rapport sur l'accessibilité des cours d'Ally.

Ally a capturé votre description alternative et un indicateur à cadran vert s'affiche. Ally stocke ensuite la description afin de permettre à vos étudiants d'y accéder lorsqu'ils rencontrent l'image dans votre cours. Toutefois, en cas d'ajout d'une description via le rapport sur l'accessibilité des cours, celle-ci n'est pas stockée par Canvas.

Scénario : vous fournissez une description alternative pour une image via Ally, mais le vérificateur intégré de Canvas l'indique toujours manquante.

Même si l'indicateur à cadran s'affiche en vert, le vérificateur intégré de Canvas peut signaler qu'il n'y a aucune description pour l'image. Ne vous inquiétez pas, Ally a bien stocké la description alternative pour cette image et vos étudiants peuvent malgré tout y accéder. Étant donné que l'outil Fichiers de Canvas et le rapport sur l'accessibilité des cours n'autorisent pas Ally à retransmettre votre description directement dans le contenu, le vérificateur intégré de Canvas n'a aucun moyen de savoir que la description a été ajoutée via Ally.

Scénario : vous fournissez une description alternative pour une image directement dans la zone de contenu enrichi de Canvas via les options d'image.

La description alternative ajoutée directement à l'image via l'éditeur de contenu enrichi de Canvas est stockée dans Canvas et mise à la disposition de vos étudiants. Ally reconnaît la présence de la description et l'indicateur à cadran doit s'afficher en vert.

Scénario : vous avez copié votre cours contenant les descriptions alternatives ajoutées dans un nouveau cours.

Pour être sûr que les descriptions alternatives sont bien copiées avec les images dans le nouveau cours, il est recommandé d'utiliser la fonction de copie de cours native de Canvas. Lorsque vous utilisez la fonction de copie de cours de Canvas, Ally peut récupérer les descriptions alternatives pour vos étudiants dans le nouveau cours, indépendamment de la manière dont vous les avez ajoutées.

Lors de la copie d'un cours, Ally peut avoir besoin de quelques minutes pour récupérer les descriptions du cours précédent, il faut donc patienter quelques instants pour que les indicateurs d'Ally soient mis à jour. Ainsi, si les indicateurs à cadran de certaines images s'affichent en rouge alors qu'ils devraient s'afficher en vert, patientez quelques minutes, le temps qu'Ally reconnaisse et mette à jour le nouveau cours.

Évitez d'utiliser les options d'importation et d'exportation de cours afin de conserver les descriptions des images

L'utilisation des fonctions d'importation et d'exportation (y compris Canvas Commons) pour copier des cours peut ne pas toujours donner les résultats escomptés. En cas d'exportation et d'importation d'un cours, les descriptions alternatives ajoutées via Ally ne seront disponibles dans votre nouveau cours que si Canvas a pu stocker les descriptions, par exemple dans le cas d'une description ajoutée via la page de contenu. Les descriptions alternatives ajoutées à l'aide de l'outil Fichiers de Canvas n'apparaîtront pas dans le nouveau cours et l'indicateur à cadran s'affichera en rouge. Dans la mesure du possible, évitez donc d'utiliser la méthode d'exportation et d'importation.