Questions d’accessibilité pour les supports de cours

Sur Udemy, vos vidéos et vos supports de cours composent un ensemble cohérent destiné à renforcer l’assimilation du contenu que vous enseignez et à transmettre de nouvelles compétences. Pour assurer l’accessibilité complète de votre cours, tout ce que vous proposez à vos participants doit être conçu dans une perspective d’accessibilité.

Dans cette section, nous abordons l’accessibilité de vos supports de cours en quatre parties :

• L’organisation du contenu
• Éléments sémantiques pertinents du document
• Texte alternatif pour les images/médias
• Contraste des couleurs

 

L’organisation du contenu

• Faites en sorte que le contenu reste organisé et divisez votre texte en petits paragraphes avec des titres distinctifs. De cette manière, tous les utilisateurs pourront plus facilement l’analyser et le lire.
• Prévoyez une table des matières au début de tous vos documents ou un résumé (en quelques phrases ou sous forme de liste à puces) de ce qui va suivre.
• Ajoutez un glossaire des termes et leur définition à télécharger pour aider les utilisateurs tout au long du cours. L’idéal serait également d’inclure une ressource téléchargeable ou un lien regroupant vos diapositives.
• Soignez toujours l’orthographe, la grammaire et la lisibilité de votre contenu. La lisibilité se définit par le degré de facilité de la lecture d’un texte pour un individu. Cette notion comprend des facteurs comme la longueur des phrases, le nombre de syllabes des mots, la complexité du sujet et la familiarité du vocabulaire. Lors de la vérification finale de votre cours, demandez à des collègues ou à des amis de relire votre contenu et essayez de réaliser les exercices pour vous assurer que vos supports sont accessibles !

 

Comment rendre les documents accessibles

Les lecteurs d’écran (par exemple JAWS, NVDA ou Voiceover) utilisés par les personnes atteintes de troubles de la vision lisent non seulement le texte affiché sur la page, mais énoncent également la manière dont le contenu est organisé en titres, sous-titres et listes. Par exemple, tandis qu’une personne qui effectue une lecture visuelle voit les titres des sections affichés dans une police de grande taille et en gras, une personne atteinte de troubles de la vision est informée du statut de titre d’un texte par le biais des « marqueurs sémantiques ». Ces méta-informations sont essentielles pour garantir l’accessibilité des documents. Heureusement, de nombreux logiciels et applications de traitement de texte, tels que Microsoft Word et Google Docs, proposent cette fonctionnalité intégrée.

Il est important de savoir ce qui peut poser problème à un lecteur d’écran. Les cellules fusionnées dans un tableau, par exemple, peuvent être plus difficiles à parcourir et leur organisation peut être plus compliquée à comprendre pour un lecteur d’écran. De plus, lorsque le formatage n’est pas effectué de manière sémantique, les lecteurs d’écran peuvent fournir des informations ambiguës. Par exemple, si vous utilisez un astérisque et une tabulation pour créer une puce, ils peuvent être lus « tabulation » ou « astérisque » au lieu de « puce » par le lecteur d’écran.

Cette section comprend seulement quelques astuces pour ajouter des marqueurs sémantiques aux documents numériques, mais nous avons inclus plusieurs ressources complètes sur le sujet.

 

Vrais titres

Les titres sont l’une des meilleures manières d’augmenter l’accessibilité de votre document. L’utilisation de vrais titres sémantiques et visuels permet d’améliorer la lisibilité du contenu pour les utilisateurs, malvoyants ou non.

En organisant votre contenu à l’aide de vrais titres sémantiques, parfois étiquetés comme « H1 » ou « Heading 1 » dans les applications de traitement de texte ou de présentation de diapositives, vous vous assurez que les lecteurs d’écran interpréteront votre contenu correctement. Le titre du document relève du premier niveau, un titre de section relève du second niveau (H2) et les titres des sections mineures peuvent relever du troisième ou quatrième niveau. Voici un exemple :

 

Titre de la page (Heading 1)

Titre de la section (Heading 2)

Texte de contenu ici.

Titre de sous-section (Heading 3)

Texte de contenu ici.

 

Remarque : évitez de sauter des niveaux de titre, par exemple ne passez pas directement du premier au troisième niveau.

 

Vraies listes à puces ou numérotées

Utilisez toujours les fonctions des listes à puces (non ordonnées) et numérotées (ordonnées) dans les applications de traitement de texte ou de présentation de diapositives au lieu de styliser manuellement votre texte à l’aide de tabulations, d’astérisques et de numéros. Les lecteurs d’écran reconnaissent ces types de listes et présentent ainsi votre contenu de manière claire.

 

Structures de tableaux simples

Veillez à ce que les cellules ne s’étendent pas sur plusieurs lignes ou colonnes et ne soient pas fusionnées. Évitez aussi de créer plusieurs niveaux de titres de tableau. Les cellules fusionnées peuvent être compliquées à expliquer aux participants et difficiles à interpréter pour les lecteurs d’écran. Dès lors que cela est possible, évitez d’utiliser des tableaux comme présentation visuelle.

 

Veillez à ce que les liens soient descriptifs

Évitez les phrases isolées et sans contexte, telles que :

• « Cliquez ici »
• « Ici »
• « Plus »
• « Plus d’informations »
• « Lire davantage »
• « Continuer »

 

Nous vous conseillons de choisir plutôt les phrases ci-dessous, qui fournissent davantage de contexte :

• « Vous pouvez télécharger le programme »
• « La citation de ____ »
• « Des ____ supplémentaires sont disponibles via ce lien »

En outre, évitez d’utiliser des URL brutes comme liens, par exemple www.abcde.com, sauf si le document sera imprimé ou si l’URL présente un contenu pertinent.

 

Texte alternatif pour les images/médias

Une image vaut mille mots, mais les participants atteints d’une perte de vision ou de cécité s’appuient sur le texte alternatif qui accompagne les images. Fournissez toujours un texte alternatif clair et adapté au contexte pour les images de vos documents, diaporamas, etc. Il sera lu à haute voix à ceux qui utilisent un lecteur d’écran ou une autre technologie d’assistance.

• De nombreux outils vous permettent de fournir un texte alternatif pour les images. Ces champs sont parfois étiquetés avec des mentions telles que « texte alt », « alternatif » ou « description d’image ». Le cas échéant, utilisez ce champ pour fournir un texte alternatif pour l’image.
• Un texte alternatif doit présenter le sens d’une image, pas nécessairement une description seule. Par exemple, le texte alternatif devrait contenir l’explication suivante : « une image d’engrenages représentant les Paramètres » plutôt que « icône d’engrenages ». Si vous deviez supprimer l’image, quel texte écririez-vous à la place ? Sinon, si vous deviez la décrire à quelqu’un au téléphone, pensez à ce que vous pourriez lui dire et tenez-en compte pour la description de votre image.
• Si une image n’a pas de fonction ou de contenu pertinent, qu’elle n’est que décorative ou que le texte alternatif est fourni dans un texte voisin, le texte alternatif de l’image doit être vide, si possible. Certaines applications de traitement de texte ou de présentation de diapositives proposent l’option « vierge » ou « vide ».
• Évitez d’ajouter des expressions du type « photo de », « image de » ou « lien vers ». La technologie d’assistance informe automatiquement l’utilisateur qu’il se trouve sur une image.
• Employez un minimum de mots sans perdre en clarté et en contexte.
• En ce qui concerne les documents PDF, Adobe Acrobat Pro permet de vérifier si vos documents sont en conformité avec les normes d’accessibilité. Vous trouverez un lien dans la section Ressources.

 

Exemple d’image avec un texte alternatif

Souvent, le texte reprend par défaut le nom du fichier image, ce qui n’aide pas vraiment.

Texte alternatif par défaut (nom du fichier) : tech-adulte-enfant_révisée_220811.jpg

Texte alternatif modifié : Sur un canapé se trouvent une femme adulte travaillant sur un ordinateur portable et un enfant portant des écouteurs et regardant une tablette.

 

Utiliser un contraste de couleurs fort

Le contraste de couleurs mesure la différence de luminosité entre deux couleurs, exprimée par un rapport allant de 1:1 (insuffisant) à 21:1 (excellent). Renforcez le contraste de couleurs, en particulier entre votre texte et l’arrière-plan. Les images contenant du texte doivent également présenter un contraste élevé. Pour illustrer la différence entre des contrastes faibles et élevés, voici quelques exemples de textes en couleur sur un arrière-plan blanc.

Contraste faible

Le rapport de contraste minimal pour considérer un contenu comme accessible est de 4,5:1. Voici quelques combinaisons de couleurs qui ne répondent pas à ce critère et qui doivent, par conséquent, être évitées :

• Texte jaune – score : 1,07:1
• Texte vert pâle – score : 1,12:1
• Texte orange – score : 2,14:1
• Texte rose – score : 3,14:1
• Texte rouge – score : 4,0:1

 

Contraste adéquat

Les combinaisons de couleurs ci-dessous constituent de bonnes options, car elles créent un contraste suffisant (rapport allant de 4,5:1 à 7:1) :

• Texte bleu – score : 4,68:1
• Texte vert foncé – score : 5,14:1
• Texte violet – score : 6,95:1

 

Contrastes excellents

Pensez à utiliser les couleurs citées ci-dessous pour obtenir le meilleur contraste possible (rapport supérieur à 7:1) :

• Texte orange brûlé – score : 7,43:1
• Texte gris foncé – score : 12,63:1
• Texte noir – score : 21:1

 

Résumé des bonnes pratiques pour l’accessibilité du contenu du cours

Contenu

• Organisez le texte et divisez votre contenu en petits paragraphes
• Fournissez une table des matières ou un résumé pour tous les documents longs
• Ajoutez aux ressources un glossaire des termes
• Vérifiez l’orthographe, la grammaire et la lisibilité

 

Éléments sémantiques du document

• Utilisez des marqueurs sémantiques pour que les technologies d’assistance fonctionnent correctement
• Organisez votre contenu à l’aide de vrais titres
• Utilisez de vraies listes à puces ou numérotées
• Utilisez la structure de tableau la plus simple possible
• Veillez à ce que les liens soient descriptifs

 

Texte alternatif

• Fournissez un texte alternatif approprié pour les images de vos documents, diaporamas, etc.

 

Contraste des couleurs

• Privilégiez un contraste de couleurs fort pour les textes et les images

 

Liens vers d’autres articles sur l’accessibilité et l’inclusion

• Aperçu de la création de contenu accessible et inclusif
• Le contenu vidéo accessible
• Les contenus inclusifs
• Ressources sur l’accessibilité et l’inclusion