{"id":26682,"date":"2022-09-08T17:00:15","date_gmt":"2022-09-09T00:00:15","guid":{"rendered":"https:\/\/teach.udemy.com\/?page_id=26682"},"modified":"2022-09-26T03:23:17","modified_gmt":"2022-09-26T10:23:17","slug":"accessibility-considerations-for-course-materials","status":"publish","type":"page","link":"https:\/\/teach.udemy.com\/fr\/accessibility-considerations-for-course-materials\/","title":{"rendered":"Questions d&rsquo;accessibilit\u00e9 pour les supports de cours"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Sur Udemy, vos vid\u00e9os et vos supports de cours composent un ensemble coh\u00e9rent destin\u00e9 \u00e0 renforcer l&rsquo;assimilation du contenu que vous enseignez et \u00e0 transmettre de nouvelles comp\u00e9tences. Pour assurer l&rsquo;accessibilit\u00e9 compl\u00e8te de votre cours, tout ce que vous proposez \u00e0 vos participants doit \u00eatre con\u00e7u dans une perspective d&rsquo;accessibilit\u00e9.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dans cette section, nous abordons l&rsquo;accessibilit\u00e9 de vos supports de cours en quatre parties :<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Organisation-contenu\"><span style=\"font-weight: 400;\">L&rsquo;organisation du contenu<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#\u00c9l\u00e9ments-s\u00e9mantiques-pertinents-document\"><span style=\"font-weight: 400;\">\u00c9l\u00e9ments s\u00e9mantiques pertinents du document<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Texte-alternatif\"><span style=\"font-weight: 400;\">Texte alternatif pour les images\/m\u00e9dias<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Contraste-couleurs\"><span style=\"font-weight: 400;\">Contraste des couleurs<\/span><\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Content-organization\">L&rsquo;organisation du contenu<\/h1>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Faites en sorte que le contenu reste organis\u00e9 et divisez votre texte en petits paragraphes avec des titres distinctifs. De cette mani\u00e8re, tous les utilisateurs pourront plus facilement l&rsquo;analyser et le lire.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pr\u00e9voyez une table des mati\u00e8res au d\u00e9but de tous vos documents ou un r\u00e9sum\u00e9 (en quelques phrases ou sous forme de liste \u00e0 puces) de ce qui va suivre.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ajoutez un glossaire des termes et leur d\u00e9finition \u00e0 t\u00e9l\u00e9charger pour aider les utilisateurs tout au long du cours. L&rsquo;id\u00e9al serait \u00e9galement d&rsquo;inclure une ressource t\u00e9l\u00e9chargeable ou un lien regroupant vos diapositives.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Soignez toujours l&rsquo;orthographe, la grammaire et la lisibilit\u00e9 de votre contenu. La lisibilit\u00e9 se d\u00e9finit par le degr\u00e9 de facilit\u00e9 de la lecture d&rsquo;un texte pour un individu. Cette notion comprend des facteurs comme la longueur des phrases, le nombre de syllabes des mots, la complexit\u00e9 du sujet et la familiarit\u00e9 du vocabulaire. Lors de la v\u00e9rification finale de votre cours, demandez \u00e0 des coll\u00e8gues ou \u00e0 des amis de relire votre contenu et essayez de r\u00e9aliser les exercices pour vous assurer que vos supports sont accessibles !<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1 id=\"Meaningful-document-semantics\"><strong>Comment rendre les documents accessibles<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Les lecteurs d&rsquo;\u00e9cran (par exemple JAWS, NVDA ou Voiceover) utilis\u00e9s par les personnes atteintes de troubles de la vision lisent non seulement le texte affich\u00e9 sur la page, mais \u00e9noncent \u00e9galement la mani\u00e8re dont le contenu est organis\u00e9 en titres, sous-titres et listes. Par exemple, tandis qu&rsquo;une personne qui effectue une lecture visuelle voit les titres des sections affich\u00e9s dans une police de grande taille et en gras, une personne atteinte de troubles de la vision est inform\u00e9e du statut de titre d&rsquo;un texte par le biais des \u00ab marqueurs s\u00e9mantiques \u00bb. Ces m\u00e9ta-informations sont essentielles pour garantir l&rsquo;accessibilit\u00e9 des documents. Heureusement, de nombreux logiciels et applications de traitement de texte, tels que Microsoft Word et Google Docs, proposent cette fonctionnalit\u00e9 int\u00e9gr\u00e9e.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Il est important de savoir ce qui peut poser probl\u00e8me \u00e0 un lecteur d&rsquo;\u00e9cran. Les cellules fusionn\u00e9es dans un tableau, par exemple, peuvent \u00eatre plus difficiles \u00e0 parcourir et leur organisation peut \u00eatre plus compliqu\u00e9e \u00e0 comprendre pour un lecteur d&rsquo;\u00e9cran. De plus, lorsque le formatage n&rsquo;est pas effectu\u00e9 de mani\u00e8re s\u00e9mantique, les lecteurs d&rsquo;\u00e9cran peuvent fournir des informations ambigu\u00ebs. Par exemple, si vous utilisez un ast\u00e9risque et une tabulation pour cr\u00e9er une puce, ils peuvent \u00eatre lus \u00ab tabulation \u00bb ou \u00ab ast\u00e9risque \u00bb au lieu de \u00ab puce \u00bb par le lecteur d&rsquo;\u00e9cran.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cette section comprend seulement quelques astuces pour ajouter des marqueurs s\u00e9mantiques aux documents num\u00e9riques, mais nous avons inclus plusieurs ressources compl\u00e8tes sur le sujet.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Vrais titres<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Les titres sont l&rsquo;une des meilleures mani\u00e8res d&rsquo;augmenter l&rsquo;accessibilit\u00e9 de votre document. L&rsquo;utilisation de vrais titres s\u00e9mantiques et visuels permet d&rsquo;am\u00e9liorer la lisibilit\u00e9 du contenu pour les utilisateurs, malvoyants ou non.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En organisant votre contenu \u00e0 l&rsquo;aide de vrais titres s\u00e9mantiques, parfois \u00e9tiquet\u00e9s comme \u00ab H1 \u00bb ou \u00ab Heading 1 \u00bb dans les applications de traitement de texte ou de pr\u00e9sentation de diapositives, vous vous assurez que les lecteurs d&rsquo;\u00e9cran interpr\u00e9teront votre contenu correctement. Le titre du document rel\u00e8ve du premier niveau, un titre de section rel\u00e8ve du second niveau (H2) et les titres des sections mineures peuvent relever du troisi\u00e8me ou quatri\u00e8me niveau. Voici un exemple :<\/span><\/p>\n<p>&nbsp;<\/p>\n<h1 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Titre de la page (Heading 1)<\/span><\/h1>\n<h2 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Titre de la section (Heading 2)<\/span><\/h2>\n<p style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Texte de contenu ici.<\/span><\/p>\n<h3 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Titre de sous-section (Heading 3)<\/span><\/h3>\n<p style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Texte de contenu ici.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Remarque : \u00e9vitez de sauter des niveaux de titre, par exemple ne passez pas directement du premier au troisi\u00e8me niveau.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Vraies listes \u00e0 puces ou num\u00e9rot\u00e9es<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Utilisez toujours les fonctions des listes \u00e0 puces (non ordonn\u00e9es) et num\u00e9rot\u00e9es (ordonn\u00e9es) dans les applications de traitement de texte ou de pr\u00e9sentation de diapositives au lieu de styliser manuellement votre texte \u00e0 l&rsquo;aide de tabulations, d&rsquo;ast\u00e9risques et de num\u00e9ros. Les lecteurs d&rsquo;\u00e9cran reconnaissent ces types de listes et pr\u00e9sentent ainsi votre contenu de mani\u00e8re claire.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Structures de tableaux simples<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Veillez \u00e0 ce que les cellules ne s&rsquo;\u00e9tendent pas sur plusieurs lignes ou colonnes et ne soient pas fusionn\u00e9es. \u00c9vitez aussi de cr\u00e9er plusieurs niveaux de titres de tableau. Les cellules fusionn\u00e9es peuvent \u00eatre compliqu\u00e9es \u00e0 expliquer aux participants et difficiles \u00e0 interpr\u00e9ter pour les lecteurs d&rsquo;\u00e9cran. D\u00e8s lors que cela est possible, \u00e9vitez d&rsquo;utiliser des tableaux comme pr\u00e9sentation visuelle.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Veillez \u00e0 ce que les liens soient descriptifs<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">\u00c9vitez les phrases isol\u00e9es et sans contexte, telles que :<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00ab Cliquez ici \u00bb<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00ab Ici \u00bb<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00ab Plus \u00bb<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00ab Plus d&rsquo;informations \u00bb<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00ab Lire davantage \u00bb<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00ab Continuer \u00bb<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Nous vous conseillons de choisir plut\u00f4t les phrases ci-dessous, qui fournissent davantage de contexte :<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00ab Vous pouvez t\u00e9l\u00e9charger le programme \u00bb<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00ab La citation de ____ \u00bb<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00ab Des ____ suppl\u00e9mentaires sont disponibles via ce lien \u00bb<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">En outre, \u00e9vitez d&rsquo;utiliser des URL brutes comme liens, par exemple www.abcde.com, sauf si le document sera imprim\u00e9 ou si l&rsquo;URL pr\u00e9sente un contenu pertinent.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Alternative-text\"><strong>Texte alternatif pour les images\/m\u00e9dias<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Une image vaut mille mots, mais les participants atteints d&rsquo;une perte de vision ou de c\u00e9cit\u00e9 s&rsquo;appuient sur le texte alternatif qui accompagne les images. Fournissez toujours un texte alternatif clair et adapt\u00e9 au contexte pour les images de vos documents, diaporamas, etc. Il sera lu \u00e0 haute voix \u00e0 ceux qui utilisent un lecteur d&rsquo;\u00e9cran ou une autre technologie d&rsquo;assistance.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">De nombreux outils vous permettent de fournir un texte alternatif pour les images. Ces champs sont parfois \u00e9tiquet\u00e9s avec des mentions telles que \u00ab texte alt \u00bb, \u00ab alternatif \u00bb ou \u00ab description d&rsquo;image \u00bb. Le cas \u00e9ch\u00e9ant, utilisez ce champ pour fournir un texte alternatif pour l&rsquo;image.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Un texte alternatif doit pr\u00e9senter le sens d&rsquo;une image, pas n\u00e9cessairement une description seule. Par exemple, le texte alternatif devrait contenir l&rsquo;explication suivante : \u00ab une image d&rsquo;engrenages repr\u00e9sentant les Param\u00e8tres \u00bb plut\u00f4t que \u00ab ic\u00f4ne d&rsquo;engrenages \u00bb. Si vous deviez supprimer l&rsquo;image, quel texte \u00e9cririez-vous \u00e0 la place ? Sinon, si vous deviez la d\u00e9crire \u00e0 quelqu&rsquo;un au t\u00e9l\u00e9phone, pensez \u00e0 ce que vous pourriez lui dire et tenez-en compte pour la description de votre image.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Si une image n&rsquo;a pas de fonction ou de contenu pertinent, qu&rsquo;elle n&rsquo;est que d\u00e9corative ou que le texte alternatif est fourni dans un texte voisin, le texte alternatif de l&rsquo;image doit \u00eatre vide, si possible. Certaines applications de traitement de texte ou de pr\u00e9sentation de diapositives proposent l&rsquo;option \u00ab vierge \u00bb ou \u00ab vide \u00bb.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00c9vitez d&rsquo;ajouter des expressions du type \u00ab photo de \u00bb, \u00ab image de \u00bb ou \u00ab lien vers \u00bb. La technologie d&rsquo;assistance informe automatiquement l&rsquo;utilisateur qu&rsquo;il se trouve sur une image.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Employez un minimum de mots sans perdre en clart\u00e9 et en contexte.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">En ce qui concerne les documents PDF, Adobe Acrobat Pro permet de v\u00e9rifier si vos documents sont en conformit\u00e9 avec les normes d&rsquo;accessibilit\u00e9. Vous trouverez un lien dans la <\/span><span style=\"font-weight: 400;\">section Ressources<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><i><span style=\"font-weight: 400;\">Exemple d&rsquo;image avec un texte alternatif<\/span><\/i><\/h2>\n<p><a href=\"https:\/\/teach.udemy.com\/fr\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26614\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example-300x200.jpeg\" alt=\"Sur un canap\u00e9 se trouvent une femme adulte travaillant sur un ordinateur portable et un enfant portant des \u00e9couteurs et regardant une tablette.\" width=\"375\" height=\"250\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example-300x200.jpeg 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example.jpeg 512w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Souvent, le texte reprend par d\u00e9faut le nom du fichier image, ce qui n&rsquo;aide pas vraiment.<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b>Texte alternatif <\/b><b><i>par d\u00e9faut (nom du fichier)<\/i><\/b><b> :<\/b><span style=\"font-weight: 400;\"> tech-adulte-enfant_r\u00e9vis\u00e9e_220811.jpg<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b>Texte alternatif modifi\u00e9 :<\/b><span style=\"font-weight: 400;\"> Sur un canap\u00e9 se trouvent une femme adulte travaillant sur un ordinateur portable et un enfant portant des \u00e9couteurs et regardant une tablette.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Color-contrast\"><strong>Utiliser un contraste de couleurs fort<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Le contraste de couleurs mesure la diff\u00e9rence de luminosit\u00e9 entre deux couleurs, exprim\u00e9e par un rapport allant de 1:1 (insuffisant) \u00e0 21:1 (excellent). Renforcez le contraste de couleurs, en particulier entre votre texte et l&rsquo;arri\u00e8re-plan. Les images contenant du texte doivent \u00e9galement pr\u00e9senter un contraste \u00e9lev\u00e9. Pour illustrer la diff\u00e9rence entre des contrastes faibles et \u00e9lev\u00e9s, voici quelques exemples de textes en couleur sur un arri\u00e8re-plan blanc.<\/span><\/p>\n<h2><em>Contraste faible<\/em><\/h2>\n<p><span style=\"font-weight: 400;\">Le rapport de contraste minimal pour consid\u00e9rer un contenu comme accessible est de 4,5:1. Voici quelques combinaisons de couleurs qui ne r\u00e9pondent pas \u00e0 ce crit\u00e8re et qui doivent, par cons\u00e9quent, \u00eatre \u00e9vit\u00e9es :<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.58-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27372\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.58-2-300x61.png\" alt=\"\" width=\"433\" height=\"88\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.58-2-300x61.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.58-2-768x156.png 768w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.58-2.png 967w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte jaune &#8211; score : 1,07:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte vert p\u00e2le &#8211; score : 1,12:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte orange &#8211; score : 2,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte rose &#8211; score : 3,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte rouge &#8211; score : 4,0:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><i>Contraste ad\u00e9quat<\/i><\/h2>\n<p><span style=\"font-weight: 400;\">Les combinaisons de couleurs ci-dessous constituent de bonnes options, car elles cr\u00e9ent un contraste suffisant (rapport allant de 4,5:1 \u00e0 7:1) :<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.38.07-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27385\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.38.07-1-300x103.png\" alt=\"\" width=\"390\" height=\"134\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.38.07-1-300x103.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.38.07-1.png 586w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte bleu &#8211; score : 4,68:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte vert fonc\u00e9 &#8211; score : 5,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte violet &#8211; score : 6,95:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><i>Contrastes excellents<\/i><\/h2>\n<p><span style=\"font-weight: 400;\">Pensez \u00e0 utiliser les couleurs cit\u00e9es ci-dessous pour obtenir le meilleur contraste possible (rapport sup\u00e9rieur \u00e0 7:1) :<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.38.18-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27398\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.38.18-1-300x101.png\" alt=\"\" width=\"383\" height=\"129\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.38.18-1-300x101.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.38.18-1.png 578w\" sizes=\"auto, (max-width: 383px) 100vw, 383px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte orange br\u00fbl\u00e9 &#8211; score : 7,43:1 <\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte gris fonc\u00e9 &#8211; score : 12,63:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texte noir &#8211; score : 21:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1><strong>R\u00e9sum\u00e9 des bonnes pratiques pour l&rsquo;accessibilit\u00e9 du contenu du cours<\/strong><\/h1>\n<h2><strong>Contenu<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Organisez le texte et divisez votre contenu en petits paragraphes<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Fournissez une table des mati\u00e8res ou un r\u00e9sum\u00e9 pour tous les documents longs<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ajoutez aux ressources un glossaire des termes<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">V\u00e9rifiez l&rsquo;orthographe, la grammaire et la lisibilit\u00e9<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>\u00c9l\u00e9ments s\u00e9mantiques du document<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Utilisez des marqueurs s\u00e9mantiques pour que les technologies d&rsquo;assistance fonctionnent correctement<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Organisez votre contenu \u00e0 l&rsquo;aide de vrais titres<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Utilisez de vraies listes \u00e0 puces ou num\u00e9rot\u00e9es<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Utilisez la structure de tableau la plus simple possible<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Veillez \u00e0 ce que les liens soient descriptifs<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Texte alternatif<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Fournissez un texte alternatif appropri\u00e9 pour les images de vos documents, diaporamas, etc.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Contraste des couleurs<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Privil\u00e9giez un contraste de couleurs fort pour les textes et les images<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"p1\"><b>Liens vers d&rsquo;autres articles sur l&rsquo;accessibilit\u00e9 et l&rsquo;inclusion<\/b><\/p>\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/fr\/course-creation\/accessible-content\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Aper\u00e7u de la cr\u00e9ation de contenu accessible et inclusif<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/fr\/accessible-video-content-considerations\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Le contenu vid\u00e9o accessible<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/fr\/inclusive-content-considerations\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Les contenus inclusifs<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/fr\/resources-on-accessibility-inclusivity\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Ressources sur l&rsquo;accessibilit\u00e9 et l&rsquo;inclusion<\/span><\/a><\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Sur Udemy, vos vid\u00e9os et vos supports de cours composent un ensemble coh\u00e9rent destin\u00e9 \u00e0 renforcer l&rsquo;assimilation du contenu que vous enseignez et \u00e0 transmettre de nouvelles comp\u00e9tences. Pour assurer l&rsquo;accessibilit\u00e9 compl\u00e8te de votre cours, tout ce que vous proposez \u00e0 vos participants doit \u00eatre con\u00e7u dans une perspective d&rsquo;accessibilit\u00e9. Dans cette section, nous abordons [&hellip;]<\/p>\n","protected":false},"author":120,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26682","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/teach.udemy.com\/fr\/wp-json\/wp\/v2\/pages\/26682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teach.udemy.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teach.udemy.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teach.udemy.com\/fr\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/teach.udemy.com\/fr\/wp-json\/wp\/v2\/comments?post=26682"}],"version-history":[{"count":0,"href":"https:\/\/teach.udemy.com\/fr\/wp-json\/wp\/v2\/pages\/26682\/revisions"}],"wp:attachment":[{"href":"https:\/\/teach.udemy.com\/fr\/wp-json\/wp\/v2\/media?parent=26682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}