{"id":780,"date":"2023-08-21T16:20:19","date_gmt":"2023-08-21T14:20:19","guid":{"rendered":"https:\/\/ideance.net\/blog\/?p=780"},"modified":"2025-07-31T11:43:05","modified_gmt":"2025-07-31T09:43:05","slug":"les-cles-pour-creer-du-contenu-accessible-sur-les-reseaux-sociaux","status":"publish","type":"post","link":"https:\/\/ideance.net\/blog\/en\/780\/les-cles-pour-creer-du-contenu-accessible-sur-les-reseaux-sociaux\/","title":{"rendered":"Les cl\u00e9s pour cr\u00e9er du contenu accessible sur les r\u00e9seaux sociaux &#8211; GAAD 2023"},"content":{"rendered":"<p>Apprenez pratiques et astuces pour rendre votre contenu accessible aux personnes handicap\u00e9es.<br>D\u00e9couvrez les cl\u00e9s de la cr\u00e9ation de contenu accessible !<\/p>\n\n\n\n<p>Ce webinaire a \u00e9t\u00e9 r\u00e9alis\u00e9 le 17 mai 2023 sur Teams.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vid\u00e9o du webinaire<\/h2>\n\n\n\n<p>La vid\u00e9o du webinaire ci-apr\u00e8s est sous-titr\u00e9e et traduite en LSF.<\/p>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n<div class=\"wp-block-embed__wrapper\"><iframe title=\"Les cl\u00e9s pour cr\u00e9er du contenu accessible sur les r\u00e9seaux sociaux - lecteur vid\u00e9o YouTube\" src=\"https:\/\/www.youtube.com\/embed\/f5DQqXdiTZc\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/figure>\n<h2>Transcription du webinaire<\/h2>\n<p>Bonjour \u00e0 toutes et \u00e0 tous. <br \/>Nous allons pouvoir commencer le webinaire sur les cl\u00e9s pour cr\u00e9er du contenu accessible sur les r\u00e9seaux sociaux.<\/p>\n<h3>Introduction<\/h3>\n<p>Pour les personnes qui ont besoin des sous-titres :<\/p>\n<ul>\n<li>le lien est disponible dans la conversation de cette visioconf\u00e9rence<\/li>\n<li>et vous pouvez aussi y acc\u00e9der depuis l\u2019URL ideance.net\/velotypie.<\/li>\n<\/ul>\n<p>Nous avons aussi deux interpr\u00e8tes en langue des signes.<\/p>\n<ul>\n<li>Ang\u00e8le, qui est pr\u00e9sente actuellement,<\/li>\n<li>et nous avons Laur\u00e8ne qui la remplacera \u00e0 tour de r\u00f4le.<\/li>\n<\/ul>\n<p>Si vous vous regardez cette conf\u00e9rence depuis un navigateur et que vous souhaitez agrandir l\u2019encart des interpr\u00e8tes, je vous invite :<\/p>\n<ul>\n<li>\u00e0 passer directement depuis l\u2019application Teams,<\/li>\n<li>\u00e0 la t\u00e9l\u00e9charger et passer par cette application,<\/li>\n<\/ul>\n<p>Un autre point, le webinaire est enregistr\u00e9. <br \/>Pour les personnes qui ne souhaitent pas que leur visage soit rediffus\u00e9 a posteriori, vous pouvez d\u00e9sactiver votre cam\u00e9ra.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Journ\u00e9e mondiale de sensibilisation \u00e0 l\u2019accessibilit\u00e9 num\u00e9rique<\/h3>\n\n\n\n<p>Si nous sommes ensemble aujourd\u2019hui, <br>c\u2019est parce que c\u2019est <a href=\"https:\/\/accessibility.day\/francais\/\"><strong>la GAAD<\/strong> (Global Accessibility Awareness Day)<\/a>.<\/p>\n\n\n\n<p>Ce qui veut dire en fran\u00e7ais : la journ\u00e9e mondiale de sensibilisation \u00e0 l\u2019accessibilit\u00e9 num\u00e9rique.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"286\" height=\"294\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image1-min.jpg\" alt=\"\" class=\"wp-image-1164\" style=\"width:182px;height:187px\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image1-min.jpg 286w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image1-min-12x12.jpg 12w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/><\/figure>\n<\/div>\n\n\n<p>Officiellement, c\u2019est le jeudi 18 mai, mais ce jour est f\u00e9ri\u00e9 en France. <br>Puisque c\u2019est f\u00e9ri\u00e9, peut-\u00eatre que vous \u00eates en cong\u00e9, que vous partez quelque part.<\/p>\n\n\n\n<p>Nous avons donc d\u00e9cid\u00e9 de le faire le mercredi 17 mai, afin que le plus de monde puisse \u00eatre pr\u00e9sent.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Qui sommes-nous ?<\/h3>\n\n\n\n<p>Pour me pr\u00e9senter rapidement, je m&rsquo;appelle<strong> <a href=\"https:\/\/ideance.net\/blog\/en\/author\/elisa-greder\/\">\u00c9lisa Greder.<\/a><\/strong><br>Je suis consultante experte en accessibilit\u00e9 num\u00e9rique chez Ideance.<\/p>\n\n\n\n<p>Je suis pr\u00e9sente sur<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/twitter.com\/ElisaGreder\"> Twitter (@ElisaGreder)<\/a><\/li>\n\n\n\n<li>et<a href=\"https:\/\/www.linkedin.com\/in\/elisagreder\/\"> LinkedIn (in\/elisagreder)<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Vous pouvez me trouver avec mon pseudo qui est mon nom, \u00c9lisa Greder.<\/p>\n\n\n\n<p>Vous pouvez aussi me contacter par mail \u00e0 l&rsquo;adresse : <a href=\"mailto:elisa.greder@ideance.fr\">elisa.greder@ideance.fr<\/a>. <br>Si vous avez des questions suite \u00e0 ce webinaire, vous pouvez m\u2019\u00e9crire.<\/p>\n\n\n\n<p>Il y a aussi <a href=\"https:\/\/ideance.net\/blog\/en\/author\/maxime-jannot\/\"><strong>Maxime Jannot<\/strong><\/a>, qui est un petit peu cach\u00e9 parmi nous.<br>Il est aussi consultant expert en accessibilit\u00e9 num\u00e9rique chez Ideance.<\/p>\n\n\n\n<p>Il est aussi pr\u00e9sent sur<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.linkedin.com\/in\/maxime-jannot-5971b8a8\/\">LinkedIn (in\/maxime-jannot-5971b8a8)<\/a><\/li>\n\n\n\n<li>et <a href=\"https:\/\/twitter.com\/jannotmaxime\">Twitter (@JannotMaxime)<\/a>.<\/li>\n\n\n\n<li>Il a aussi une adresse mail : <a href=\"mailto:maxime.jannot@ideance.fr\">maxime.jannot@ideance.fr<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>C\u2019est le mod\u00e9rateur de cette conf\u00e9rence, donc, si vous avez des questions ou des probl\u00e8mes techniques, n\u2019h\u00e9sitez pas \u00e0 les \u00e9crire dans le chat. <br>Il sera l\u00e0 pour vous aider.<\/p>\n\n\n\n<p>Nous travaillons tous les deux chez<strong> Ideance<\/strong>, qui est un cabinet de conseil en accessibilit\u00e9 num\u00e9rique.<br>Nous faisons de la formation, des audits et sommes tous experts dans le domaine.<\/p>\n\n\n\n<p>Ideance est pr\u00e9sent sur <a href=\"https:\/\/twitter.com\/ideance\">Twitter<\/a>, <a href=\"https:\/\/www.linkedin.com\/company\/41403579\/\">LinkedIn<\/a> et <a href=\"https:\/\/www.youtube.com\/channel\/UCx2yDE6oVrncbS0isnjMBPw\">YouTube<\/a>. <br>Vous pouvez nous contacter :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>par mail : <a href=\"mailto:contact@ideance.fr\">contact@ideance.fr<\/a>,<\/li>\n\n\n\n<li>et par t\u00e9l\u00e9phone +33 (0)2 78 77 59 82.<\/li>\n<\/ul>\n\n\n\n<p>Pour retrouver toutes ces informations, je vous invite \u00e0 aller sur le site web en tapant : <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/\">ideance.net<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Du contenu accessible sur les r\u00e9seaux sociaux<\/h3>\n\n\n\n<p>Nous allons ensemble d\u00e9couvrir les cl\u00e9s pour cr\u00e9er du contenu accessible sur les r\u00e9seaux sociaux.<\/p>\n\n\n\n<p>Nous avons un temps imparti et donc nous d\u00e9couvrions les grandes lignes. <br>Je vais essayer de vous donner un maximum de cl\u00e9s pour que vos cr\u00e9ations de contenus soient plus accessibles aux personnes handicap\u00e9es.<\/p>\n\n\n\n<p>Ce webinaire sera rediffus\u00e9 avec les sous-titres et une transcription. <br>Il sera publi\u00e9 sur le blog d\u2019Ideance.<\/p>\n\n\n\n<p>J\u2019ajouterai en compl\u00e9ment :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>des liens,<\/li>\n\n\n\n<li>des ressources,<\/li>\n\n\n\n<li>ainsi que des outils<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Du contenu accessible, qu\u2019est-ce que c\u2019est ?<\/h4>\n\n\n\n<p>Un contenu c\u2019est :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>ce qu\u2019on cr\u00e9e,<\/li>\n\n\n\n<li>ce qu\u2019on r\u00e9dige,<\/li>\n\n\n\n<li>ce qu\u2019on publie<\/li>\n<\/ul>\n\n\n\n<p>Par exemple sur les r\u00e9seaux sociaux, \u00e7a peut \u00eatre :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>du texte,<\/li>\n\n\n\n<li>des liens,<\/li>\n\n\n\n<li>des images,<\/li>\n\n\n\n<li>des ic\u00f4nes,<\/li>\n\n\n\n<li>des vid\u00e9os,<\/li>\n\n\n\n<li>des podcasts,<\/li>\n\n\n\n<li>etc.<\/li>\n<\/ul>\n\n\n\n<p>L\u2019accessibilit\u00e9 num\u00e9rique, quant \u00e0 elle, c\u2019est <strong>rendre possible l\u2019acc\u00e8s \u00e0 l\u2019information et aux fonctionnalit\u00e9s num\u00e9riques aux personnes handicap\u00e9es.<\/strong><\/p>\n\n\n\n<p>C\u2019est rendre beaucoup plus inclusive la soci\u00e9t\u00e9 en permettant aux personnes handicap\u00e9es d\u2019acc\u00e9der \u00e0 l\u2019information comme les personnes qui ne sont pas handicap\u00e9es.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Pour les personnes handicap\u00e9es<\/h5>\n\n\n\n<p>Quand on parle de \u00ab handicap \u00bb, on peut situer plusieurs types de handicaps.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Il y a les handicaps physiques,<\/li>\n\n\n\n<li>les handicaps sensoriels,<\/li>\n\n\n\n<li>les handicaps psychiques,<\/li>\n\n\n\n<li>les handicaps cognitifs<\/li>\n\n\n\n<li>et les maladies invalidantes.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"592\" height=\"325\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image4-min-2.jpg\" alt=\"\" class=\"wp-image-1171\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image4-min-2.jpg 592w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image4-min-2-300x165.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image4-min-2-18x10.jpg 18w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><\/figure>\n<\/div>\n\n\n<p>Tous ces diff\u00e9rents handicaps ont des particularit\u00e9s et des besoins diff\u00e9rents. <br>Les personnes ne naviguent pas forc\u00e9ment de la m\u00eame mani\u00e8re sur le Web.<\/p>\n\n\n\n<p class=\"ice-block is-chapo\">Les personnes handicap\u00e9es, sont la plus grande minorit\u00e9 du monde.<\/p>\n\n\n\n<p>Un milliard de personnes dans le monde vivent avec une forme de handicap, <br>c\u2019est environ 15% de la population mondiale.<\/p>\n\n\n\n<p>Ce chiffre est surement sous-estim\u00e9 car beaucoup de personnes ne font tout simplement pas reconna\u00eetre leur handicap pour X ou Y raisons.<\/p>\n\n\n\n<p>C\u2019est la plus grande minorit\u00e9 du monde et pourtant les personnes handicap\u00e9es sont souvent peu visibles, notamment dans nos repr\u00e9sentations,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>que ce soit les publicit\u00e9s,<\/li>\n\n\n\n<li>les films,<\/li>\n\n\n\n<li>les livres,<\/li>\n\n\n\n<li>etc.<\/li>\n<\/ul>\n\n\n\n<p>Pour cause : notre soci\u00e9t\u00e9 est un peu empreinte de <strong><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Capacitisme\">validisme, ou capacitisme. <\/a><\/strong><br>C&rsquo;est une forme consciente ou inconsciente de discrimination et de pr\u00e9jug\u00e9 aupr\u00e8s des personnes handicap\u00e9es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Comment cr\u00e9er du contenu accessible sur les r\u00e9seaux sociaux ?<\/h3>\n\n\n\n<p>L\u2019accessibilit\u00e9, c\u2019est r\u00e9gi par des r\u00e8gles plut\u00f4t simples et qui permettent de garantir une accessibilit\u00e9 \u00e0 toutes et \u00e0 tous.<\/p>\n\n\n\n<p>Ces r\u00e8gles et bonnes pratiques concernent, pour les r\u00e9seaux sociaux :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>la <strong>cr\u00e9ation graphique<\/strong>,<\/li>\n\n\n\n<li>la <strong>cr\u00e9ation multim\u00e9dia<\/strong>, c\u2019est-\u00e0-dire audio et vid\u00e9o,<\/li>\n\n\n\n<li>ainsi que la r\u00e9daction des textes, donc, la <strong>r\u00e9daction \u00e9ditoriale<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Comment rendre ses cr\u00e9ations graphiques accessibles ?<\/h4>\n\n\n\n<p>Nous allons commencer par voir quelques r\u00e8gles et bonnes pratiques sur la cr\u00e9ation graphique.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Utilisez des contrastes de couleurs perceptibles<\/h5>\n\n\n\n<p>D\u00e8s que vous publiez un visuel contenant des \u00e9l\u00e9ments porteurs d\u2019informations, ceux-ci doivent \u00eatre <strong>suffisamment contrast\u00e9s pour \u00eatre lisibles<\/strong> par tout le monde.<\/p>\n\n\n\n<p>Un \u00e9l\u00e9ment porteur d&rsquo;informations c&rsquo;est par exemple :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>une image avec un symbole, comme un pictogramme,<\/li>\n\n\n\n<li>ou tout simplement un texte.<\/li>\n<\/ul>\n\n\n\n<p>Si vous publiez une story sur Instagram et vous d\u00e9cidez de publier du texte par-dessus une photographie. <br>Il faut faire attention \u00e0 ce que ce texte soit suffisamment contrast\u00e9.<\/p>\n\n\n\n<p>Par exemple, j&rsquo;assiste \u00e0 <a href=\"https:\/\/www.a11yparis.org\/\">A11Y Paris<\/a> et je prends une photographie en direct et je veux la partager \u00e0 ma communaut\u00e9.<br>J&rsquo;\u00e9cris sur la photo : \u00ab\u00a0#A11yParis En direct du studio 104 de la radio et de la musique\u00a0\u00bb.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"437\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image17-e1692610898494-1024x437.jpg\" alt=\"\" class=\"wp-image-1263\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image17-e1692610898494-1024x437.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image17-e1692610898494-300x128.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image17-e1692610898494-768x328.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image17-e1692610898494-18x8.jpg 18w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image17-e1692610898494.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si je ne fais pas attention, je me retrouve avec un texte peu lisible, comme c\u2019est le cas dans cet exemple avec un texte bleu sur un fond fonc\u00e9 noir\/rouge.<\/p>\n\n\n\n<p>Pour v\u00e9rifier le contraste de cette couleur, on peut <strong>utiliser des v\u00e9rificateurs de contraste<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image19-1-1024x451.jpg\" alt=\"\" class=\"wp-image-1267\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image19-1-1024x451.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image19-1-300x132.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image19-1-768x338.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image19-1-18x8.jpg 18w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image19-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Ces v\u00e9rificateurs de contrastes vont nous permettre de s\u00e9lectionner la couleur de premier plan et la couleur d\u2019arri\u00e8re-plan. <br>Ces deux combinaisons de couleurs donneront un ratio de contraste.<br>Ce ratio est important pour \u00e9valuer un contraste.<\/p>\n\n\n\n<p>\u00c0 savoir, le ratio de <a href=\"https:\/\/accessibilite.numerique.gouv.fr\/methode\/criteres-et-tests\/#3.2\">contraste minimum est de 4.5 pour les textes<\/a> (sauf pour les textes gras sup\u00e9rieur \u00e0 18,5px et les textes sup\u00e9rieur \u00e0 24px).<\/p>\n\n\n\n<p>Pour revenir \u00e0 notre exemple, si je teste le ratio de ces combinaisons de couleurs, <br>on constate qu\u2019il est \u00e0 1.9. Ce qui est largement en dessous du minimum attendu.<\/p>\n\n\n\n<p>Pour y rem\u00e9dier, je peux par exemple, ajouter un arri\u00e8re-plan au texte pour le rendre plus lisible. <br>La couleur s\u00e9lectionn\u00e9e en arri\u00e8re-plan doit \u00eatre suffisamment contrast\u00e9e.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image20-1-1024x445.jpg\" alt=\"\" class=\"wp-image-1270\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image20-1-1024x445.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image20-1-300x130.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image20-1-768x333.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image20-1-18x8.jpg 18w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image20-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Apr\u00e8s v\u00e9rification de la combinaison de ces nouvelles couleurs, j\u2019obtiens un ratio de contraste de 7.2.<br>C&rsquo;est sup\u00e9rieur au minimum attendu.<\/p>\n\n\n\n<p>Ce qui est donc parfait, notamment <strong>pour les personnes malvoyantes ou pour les personnes dyslexiques<\/strong> qui ont besoin d\u2019un contraste suffisant pour pouvoir convenablement lire.<\/p>\n\n\n\n<div class=\"wp-block-group ice-block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p role=\"heading\" aria-level=\"6\">Ressources compl\u00e9mentaires<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/app.contrast-finder.org\/?lang=fr\"><span lang=\"en\">Contrast Finder<\/span> &#8211; V\u00e9rificateurs de contraste depuis un site web<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.tpgi.com\/color-contrast-checker\/\"><span lang=\"en\">Color contrast checker<\/span> &#8211; V\u00e9rificateurs de contraste application bureau <\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/apps.apple.com\/na\/app\/color-contrast\/id1095478187\"><span lang=\"en\">Color Contrast<\/span> &#8211; V\u00e9rificateurs de contraste application mobile iOS<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.google.android.apps.accessibility.auditor&amp;pli=1\"><span lang=\"en\">Accessibility Scanner<\/span> &#8211; V\u00e9rifications de contraste application Android<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Renseignez les textes alternatifs \u00e0 vos images<\/h5>\n\n\n\n<p>Nous publions beaucoup d\u2019images sur les r\u00e9seaux sociaux.<\/p>\n\n\n\n<p>Sur Instagram par exemple, vous publiez une image avec un titre accrocheur pour votre contenu. <br>Cette image vous la voyez, mais une personne non voyante doit aussi pouvoir acc\u00e9der \u00e0 ce qui est \u00e9crit dans cette image.<\/p>\n\n\n\n<p>C\u2019est possible gr\u00e2ce aux textes alternatifs. <br><strong>Une personne non voyante va entendre la description de votre image.<\/strong><\/p>\n\n\n\n<p>Donc, qu\u2019importe son handicap ou sa situation, il n\u2019y a pas de discrimination \u00e0 l&rsquo;information. <br>Les deux personnes ont acc\u00e8s exactement \u00e0 la m\u00eame information.<\/p>\n\n\n\n<p>Pour cette image par exemple, il y a le texte incrust\u00e9 :<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"454\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image21-e1692181447627.jpg\" alt=\"\" class=\"wp-image-1120\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image21-e1692181447627.jpg 1200w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image21-e1692181447627-300x114.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image21-e1692181447627-1024x387.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image21-e1692181447627-768x291.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image21-e1692181447627-18x7.jpg 18w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>GAAD, Journ\u00e9e mondiale de sensibilisation \u00e0 l\u2019accessibilit\u00e9 num\u00e9rique, #A11y<\/p>\n<\/blockquote>\n\n\n\n<p>Vous pouvez donc saisir ce texte en texte alternatif.<br>Depuis les plateformes comme, Twitter ou Instagram, d\u00e8s la publication de votre contenu.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"504\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image23-e1692190766656.jpg\" alt=\"\" class=\"wp-image-1125\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image23-e1692190766656.jpg 1200w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image23-e1692190766656-300x126.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image23-e1692190766656-1024x430.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image23-e1692190766656-768x323.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image23-e1692190766656-18x8.jpg 18w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Sur Twitter, il est disponible depuis le bouton \u00ab\u00a0+ ALT\u00a0\u00bb appos\u00e9 \u00e0 l\u2019image.<\/li>\n\n\n\n<li>Sur Instagram, il est disponible lorsque vous cr\u00e9ez une publication ou que vous la modifiez dans \u00ab param\u00e8tres avanc\u00e9s \u00bb, \u00ab \u00e9crire un texte alternatif \u00bb.<\/li>\n<\/ul>\n\n\n\n<p>Il ne vous reste plus qu\u2019\u00e0 saisir le texte et le tour est jou\u00e9 pour rendre cette image accessible \u00e0 une personne non voyante.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group ice-block is-red\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p><strong>Soyez vigilant pour les images uniquement d\u00e9coratives.<\/strong><\/p>\n\n\n\n<p>Lorsque vous publiez une image pour l\u2019esth\u00e9tique, que celle-ci n\u2019apporte pas de valeur ajout\u00e9e, vous pouvez remplir le texte alternatif en indiquant \u00ab image d\u00e9corative \u00bb.<\/p>\n<\/div><\/div>\n\n\n\n<p>De cette mani\u00e8re, une personne qui navigue avec un lecteur d\u2019\u00e9cran entendra que cette image est d\u00e9corative.<br>Elle saura qu\u2019il n\u2019y a pas d\u2019information dans ce contenu.<\/p>\n\n\n\n<p>Le risque de ne pas indiquer de texte alternatif m\u00eame quand l\u2019image est d\u00e9corative sur les r\u00e9seaux sociaux, est que l\u2019application va en g\u00e9n\u00e9rer un texte alternatif d\u2019elle-m\u00eame.<\/p>\n\n\n\n<p>Souvent, ce qui va \u00eatre \u00e9crit, c\u2019est :<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Cette publication ne comporte pas de texte alternatif.<\/p>\n<\/blockquote>\n\n\n\n<p>Une personne aveugle ne saura pas si vous aviez oubli\u00e9 de mettre un texte alternatif \u00e0 votre image ou si cette image est d\u00e9corative.<\/p>\n\n\n\n<p>Pour procurer moins de doutes, renseigner le texte alternatif \u00e0 chaque fois que vous publiez une image sur les r\u00e9seaux sociaux.<\/p>\n\n\n\n<div class=\"wp-block-group ice-block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p role=\"heading\" aria-level=\"6\">Ressources compl\u00e9mentaires<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.avh.asso.fr\/fr\/favoriser-laccessibilite\/accessibilite-numerique\/accessibilite-internet\/reseaux-sociaux#reseaux_sociaux_images\">Dispositions communes aux divers r\u00e9seaux sociaux &#8211; association Valentin Ha\u00fcy<\/a><\/li>\n\n\n\n<li><a lang=\"en\" href=\"https:\/\/www.accessible-social.com\/images-and-visuals\/writing-image-descriptions\">Writing Image Descriptions &#8211; Accessible social<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Comment rendre ses cr\u00e9ations de vid\u00e9os et d\u2019audios accessibles ?<\/h4>\n\n\n\n<p>Passons maintenant aux r\u00e8gles&nbsp;et aux bonnes pratiques concernant la cr\u00e9ation de vid\u00e9os et d&rsquo;audios, donc la cr\u00e9ation de multim\u00e9dia accessible.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Ajoutez des sous-titres<\/h5>\n\n\n\n<p>Une r\u00e8gle tr\u00e8s importante, le sous-titrage.<\/p>\n\n\n\n<p>D\u00e8s que vous publiez une vid\u00e9o avec des dialogues, <strong>publiez des sous-titres pour que les personnes sourdes et malentendantes<\/strong> puissent acc\u00e9der aux contenus et en profiter.<\/p>\n\n\n\n<p>Attention, ces sous-titres doivent \u00eatre lisibles et visibles, donc faites attention :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>aux contrastes de couleurs de ces sous-titres si vous les cr\u00e9ez,<\/li>\n\n\n\n<li>et au niveau de l\u2019animation des sous-titres, veillez \u00e0 ce que ce soit visible et pas seulement des mots \u00e0 impact qui d\u00e9filent tr\u00e8s vite et pour lesquels il est difficile de lire.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group ice-block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p role=\"heading\" aria-level=\"6\">Ressources compl\u00e9mentaires :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/600\/sous-titrer-pas-si-complique-webinaire-steven-mouret-gaad-2023\/\">Et si sous-titrer n\u2019\u00e9tait pas si compliqu\u00e9&nbsp;? &#8211; Ideance<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.capcut.com\/fr-fr\/tools\/add-subtitles-to-video\">Ajouter gratuitement des sous-titres \u00e0 une vid\u00e9o, automatique et gratuit sur CapCut PC <\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/fr\/ressources-accessibilite-numerique\/#section-04-04\">Ressources d\u2019accessibilit\u00e9 num\u00e9rique &#8211; Ideance<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Cr\u00e9ez des audiodescriptions<\/h5>\n\n\n\n<p>L\u2019audiodescription, c\u2019est le m\u00eame principe, cela concerne les vid\u00e9os mais ce n\u2019est pas pour les m\u00eames personnes ni les m\u00eames besoins.<br>C\u2019est <strong>pour les personnes aveugles ou malvoyantes<\/strong> afin qu\u2019elles puissent \u00e9galement profiter pleinement des contenus.<\/p>\n\n\n\n<p>Si vous avez une vid\u00e9o avec un texte incrust\u00e9 ou une action qui est uniquement visuelle, l\u2019audiodescription sera une alli\u00e9e pour vous permettre de <strong>rendre sonore ce qui est uniquement visuel<\/strong>.<\/p>\n\n\n\n<p>C\u2019est donc \u00e0 impl\u00e9menter pour les vid\u00e9os qui contiennent ce type de contenus.<\/p>\n\n\n\n<div class=\"wp-block-group ice-block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p role=\"heading\" aria-level=\"6\">Ressources compl\u00e9mentaires :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=b2921mxqJJ0\">Morgan Renault est auteur et narrateur d&rsquo;audiodescription &#8211; Konbini<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.linkedin.com\/posts\/ideance_le-film-institutionnel-de-lassociation-valentin-activity-7089544815482134529-Ul8l\">L&rsquo;audiodescription pour une vid\u00e9o, \u00e0 quoi cela ressemble ? &#8211; Ideance<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Utilisez des effets d\u2019animation prudemment<\/h5>\n\n\n\n<p>Les changements brusques de luminosit\u00e9 et les effets de flash, c\u2019est des choses qu\u2019on peut voir parfois dans les vid\u00e9os virales sur les r\u00e9seaux sociaux.<br>Certaines vid\u00e9os peuvent d\u00e9filer tr\u00e8s vite avec un nombre d\u2019images impressionnant.<\/p>\n\n\n\n<p>Tout cela, c&rsquo;est dangereux pour les personnes qui sont \u00e9pileptiques, notamment les personnes qui ont une \u00e9pilepsie photosensible pour qui le changement de luminosit\u00e9 brusque ou les flashs peuvent <strong>d\u00e9clencher une crise d\u2019\u00e9pilepsie<\/strong>.<\/p>\n\n\n\n<p>Quand vous cr\u00e9ez des animations, il faut \u00eatre conscient de \u00e7a et ne pas en abuser. <br>Si vous avez le moindre doute, il y a des outils pour<strong> v\u00e9rifier s\u2019il y a des probl\u00e8mes d\u2019accessibilit\u00e9<\/strong>, que je vous fournirai (ci-dessous).<\/p>\n\n\n\n<p>Et si vous n\u2019avez pas le choix, d&rsquo;avoir des effets d&rsquo;animations brusques, il faut l\u2019indiquer. <br>Un petit peu comme au cin\u00e9ma, quand il est indiqu\u00e9 :<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Certains effets peuvent d\u00e9clencher des crises d&rsquo;\u00e9pilepsie.<\/p>\n<\/blockquote>\n\n\n\n<p>Mais dans l\u2019id\u00e9al, les effets \u00e0 risques sont \u00e0 proscrire.<\/p>\n\n\n\n<div class=\"wp-block-group ice-block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p role=\"heading\" aria-level=\"6\">Ressources compl\u00e9mentaires :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a lang=\"en\" href=\"https:\/\/trace.umd.edu\/peat\/\">Photosensitive Epilepsy Analysis Tool (PEAT)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/Translations\/NOTE-UNDERSTANDING-WCAG20-fr\/NOTE-UNDERSTANDING-WCAG20-fr-20110706\/seizure-does-not-violate.html\">Pas plus de trois flashs ou sous le seuil critique&nbsp;CS 2.3.1 WCAG<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Comment rendre ses textes accessibles ?<\/h4>\n\n\n\n<p>Ensuite nous allons aborder des r\u00e8gles et des bonnes pratiques concernant la r\u00e9daction \u00e9ditoriale, donc la r\u00e9daction de texte, accessible.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">N&rsquo;utilisez pas de typographies fantaisie<\/h5>\n\n\n\n<p>Les typographies fantaisie, c\u2019est quelque chose que l\u2019on voit beaucoup sur les r\u00e9seaux sociaux.<br>C\u2019est des typographies qui peuvent \u00eatre avec une police gothique, italique ou en gras.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1094\" height=\"362\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image29-e1692190838910.jpg\" alt=\"\u00c9galit\u00e9 des chances \u00e9crit avec 3 polices fantaisie diff\u00e9rentes.\" class=\"wp-image-1126\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image29-e1692190838910.jpg 1094w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image29-e1692190838910-300x99.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image29-e1692190838910-1024x339.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image29-e1692190838910-768x254.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image29-e1692190838910-18x6.jpg 18w\" sizes=\"auto, (max-width: 1094px) 100vw, 1094px\" \/><\/figure>\n<\/div>\n\n\n<p>Ces polices fantaisie ne sont en g\u00e9n\u00e9ral pas des polices disponibles sur les plateformes. <br>Elles sont g\u00e9n\u00e9r\u00e9es sur un site externe puis copi\u00e9es-coll\u00e9es sur le r\u00e9seau social en question.<\/p>\n\n\n\n<p>Le probl\u00e8me, c\u2019est que les lecteurs d\u2019\u00e9cran <strong>ne peuvent pas identifier les caract\u00e8res de ces polices d\u2019\u00e9criture et les ignorent<\/strong>. Parce que ces polices d\u2019\u00e9criture ne sont pas r\u00e9ellement des polices conventionnelles.<\/p>\n\n\n\n<p>Dans d\u2019autres cas, les lecteurs d\u2019\u00e9cran, vont g\u00e9n\u00e9rer <strong>un bruit incompr\u00e9hensible<\/strong>. <br>Ce bruit incompr\u00e9hensible, ce sont souvent des paragraphes assez impressionnants de caract\u00e8res math\u00e9matiques. <br>C&rsquo;est ces caract\u00e8res math\u00e9matiques qui cr\u00e9ent l&rsquo;aspect de ces textes fantaisie.<\/p>\n\n\n\n<p>Pour rendre vos posts accessibles, il faut <strong>utiliser les options de formatage disponibles dans les plateformes<\/strong>. <br>De cette mani\u00e8re, tout le monde pourra acc\u00e9der \u00e0 votre contenu, il ne sera pas ignor\u00e9 ou retranscrit d\u2019une mani\u00e8re \u00e9trange.<\/p>\n\n\n\n<div class=\"wp-block-group ice-block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p role=\"heading\" aria-level=\"6\">Ressources compl\u00e9mentaires :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.lalutineduweb.fr\/detournement-unicode-emojis-accessibilite\/\">Faux gras, caract\u00e8res fantaisistes, abus d\u2019\u00e9mojis&nbsp;: le d\u00e9tournement des caract\u00e8res Unicode, fl\u00e9au pour l\u2019accessibilit\u00e9 du web &#8211; La lutine du web<\/a><\/li>\n\n\n\n<li><a lang=\"en\" href=\"https:\/\/www.accessible-social.com\/copy-and-formatting\/alternative-characters\">Alternative characters &#8211; Accessible social<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Ne v\u00e9hiculez par l&rsquo;information uniquement par des \u00e9mojis<\/h5>\n\n\n\n<p>Les \u00e9mojis, ce sont de petites ic\u00f4nes qui poss\u00e8dent un texte qui les repr\u00e9sente (une m\u00e9tadescription). <br>Ce texte va \u00eatre lu par les personnes qui utilisent un lecteur d\u2019\u00e9cran, et <strong>selon les plateformes et les navigateurs, les \u00e9mojis n\u2019ont pas toujours la m\u00eame d\u00e9finition<\/strong>.<\/p>\n\n\n\n<p>Par exemple, cet \u00e9moji \ud83c\udfda\ufe0f est en majorit\u00e9 d\u00e9fini comme \u00ab maison abandonn\u00e9e \u00bb.<br>Sur certaines applications et navigateurs, la signification va \u00eatre diff\u00e9rente.<\/p>\n\n\n\n<p>L&rsquo;\u00e9moji peut aussi signifier \u00ab construction de maison \u00bb ou encore \u00ab maison en ruine \u00bb.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"400\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image30-e1692190935104.jpg\" alt=\"\" class=\"wp-image-1127\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image30-e1692190935104.jpg 1200w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image30-e1692190935104-300x100.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image30-e1692190935104-1024x341.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image30-e1692190935104-768x256.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image30-e1692190935104-18x6.jpg 18w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n\n\n<p>C\u2019est important de savoir \u00e7a : il ne faut pas compter sur les \u00e9mojis pour que votre message soit construit et clair parce qu\u2019on sait que, d\u2019une plateforme \u00e0 l\u2019autre, la signification n\u2019est pas du tout la m\u00eame.<\/p>\n\n\n\n<p>De plus, il faut faire attention \u00e0 <strong>ne pas abuser des \u00e9mojis<\/strong>.<br>Il faut \u00e9viter de mettre trois, quatre, cinq, six \u00e9mojis \u00e0 la suite car le risque, c\u2019est que les m\u00e9tadescriptions de ces \u00e9mojis perturbent votre message global lorsqu\u2019il est lu par un appareil ou un programme d\u2019assistance.<\/p>\n\n\n\n<p>Ils doivent \u00eatre utilis\u00e9s avec parcimonie.<\/p>\n\n\n\n<p>Pour ce lot de trois \u00e9mojis \ud83d\ude4c\ud83c\udffd, le lecteur d\u2019\u00e9cran va dire :<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"154\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image32-e1692191080205.jpg\" alt=\"\" class=\"wp-image-1129\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image32-e1692191080205.jpg 1200w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image32-e1692191080205-300x39.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image32-e1692191080205-1024x131.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image32-e1692191080205-768x99.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image32-e1692191080205-18x2.jpg 18w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Main lev\u00e9e, peau l\u00e9g\u00e8rement matte, main lev\u00e9e, peau l\u00e9g\u00e8rement matte, main lev\u00e9e, peau l\u00e9g\u00e8rement matte.<\/p>\n<\/blockquote>\n\n\n\n<p>Ce qui peut \u00eatre r\u00e9barbatif et qui peut <strong>noyer votre message<\/strong>.<\/p>\n\n\n\n<p>Un petit point sur les \u00e9mojis qui utilisent des couleurs de peau diff\u00e9rente. <br>C&rsquo;est vraiment super pour la diversit\u00e9 mais \u00e0 utiliser avec parcimonie car ils sont encore plus longs \u00e0 \u00e9couter.<\/p>\n\n\n\n<div class=\"wp-block-group ice-block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p role=\"heading\" aria-level=\"6\">Ressources compl\u00e9mentaires :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/blog.hello-bokeh.fr\/2020\/07\/23\/des-emoji-accessibles\/\">Des \u00e9moji accessibles &#8211; Hello Bokeh<\/a><\/li>\n\n\n\n<li><a lang=\"en\" href=\"https:\/\/uxdesign.cc\/emojis-in-accessibility-how-to-use-them-properly-66b73986b803\">Emojis and accessibility: How to use them properly &#8211; UX collective<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">R\u00e9digez une transcription<\/h5>\n\n\n\n<p>C\u2019est une<strong> version textuelle d\u2019un enregistrement audio ou vid\u00e9o.<\/strong><\/p>\n\n\n\n<p>Les transcriptions textes sont un compl\u00e9ment excellent pour les contenus uniquement audios comme les podcasts, notamment aussi pour les vid\u00e9os.<\/p>\n\n\n\n<p>Dans une transcription, vous pouvez renseigner :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>les dialogues,<\/li>\n\n\n\n<li>les voix off,<\/li>\n\n\n\n<li>les textes incrust\u00e9s,<\/li>\n<\/ul>\n\n\n\n<p>C&rsquo;est utile aux <strong>personnes sourdes ou malentendantes et aux personnes malvoyantes ou aveugles<\/strong>, notamment en l\u2019absence d\u2019audiodescription.<\/p>\n\n\n\n<div class=\"wp-block-group ice-block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p role=\"heading\" aria-level=\"6\">Ressources compl\u00e9mentaires :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/a11y-guidelines.orange.com\/fr\/contenu-et-communication\/composants-animes\/#transcription-integrale\">Accessibilit\u00e9 des contenus vid\u00e9os, animations et audios &#8211; Transcription int\u00e9grale &#8211; Orange<\/a><\/li>\n\n\n\n<li><a lang=\"en\" href=\"https:\/\/www.w3.org\/WAI\/media\/av\/transcripts\/\">Transcripts Web Accessibility Initiative (WAI)<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">\u00c9crivez vos hashtags en bosses de chameaux<\/h5>\n\n\n\n<p>Une bonne pratique concernant la publication de contenus sur les r\u00e9seaux sociaux, c\u2019est d\u2019\u00e9crire ses hashtags en bosse de chameau.<\/p>\n\n\n\n<p>C\u2019est-\u00e0-dire mettre de <strong>mettre en majuscule la premi\u00e8re lettre de chaque mot<\/strong> de votre hashtag qui contient plusieurs mots.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image34-e1692191301427.jpg\" alt=\"\" class=\"wp-image-1131\"\/><\/figure>\n<\/div>\n\n\n<p>Cette m\u00e9thode est aussi appel\u00e9e <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Camel_case\">Camel case<\/a>, elle consiste \u00e0 mettre une majuscule au d\u00e9but de chaque mot.<\/p>\n\n\n\n<p>Cela <strong>aide un lecteur d\u2019\u00e9cran \u00e0 identifier des mots s\u00e9par\u00e9s <\/strong>et lui permettre de prononcer correctement le hashtag. <br>C\u2019est une pratique facile \u00e0 suivre et qui permet un gain d\u2019accessibilit\u00e9 cons\u00e9quent.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">les fonctionnalit\u00e9s d\u2019accessibilit\u00e9 disponibles dans les plateformes<\/h4>\n\n\n\n<p>Petit point sur les fonctionnalit\u00e9s d\u2019accessibilit\u00e9 disponibles dans les plateformes les plus courantes, comme :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Twitter,<\/li>\n\n\n\n<li>Instagram,<\/li>\n\n\n\n<li>Pinterest,<\/li>\n\n\n\n<li>Facebook,<\/li>\n\n\n\n<li>LinKedIn<\/li>\n\n\n\n<li>Et TikTok.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Les textes alternatifs<\/h5>\n\n\n\n<p>Les textes alternatifs, c\u2019est une option qui est pr\u00e9sente dans les plus grandes plateformes qui permettent de publier des photos.<br>Cette option va nous permettre de d\u00e9crire nos images.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"188\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image36-e1692192238336-1024x188.jpg\" alt=\"\" class=\"wp-image-1137\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image36-e1692192238336-1024x188.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image36-e1692192238336-300x55.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image36-e1692192238336-768x141.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image36-e1692192238336-18x3.jpg 18w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image36-e1692192238336.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Sur Twitter, sur Instagram, Pinterest, Facebook et LinkedIn, d\u00e8s que vous publiez une image, vous avez l\u2019opportunit\u00e9 de la d\u00e9crire de mani\u00e8re informative si c\u2019est une image informative, et d\u2019indiquer si elle est d\u00e9corative lorsque c\u2019est le cas.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Convertir un texte en audio<\/h5>\n\n\n\n<p>TikTok propose une synth\u00e8se vocale. <br>Elle vous permet d\u2019\u00e9crire un texte et de rendre ce texte sonore.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image37-e1692192312182-150x150.jpg\" alt=\"\" class=\"wp-image-1138\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image37-e1692192312182-150x150.jpg 150w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image37-e1692192312182-13x12.jpg 13w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/figure>\n<\/div>\n\n\n<p>C\u2019est une excellente chose qui nous permet de rendre nos vid\u00e9os plus accessibles aux personnes non voyantes en rendant sonores tous les textes qui sont \u00e0 l\u2019\u00e9cran et aussi, pourquoi pas pour faire de l\u2019audiodescription.<\/p>\n\n\n\n<p>C\u2019est plut\u00f4t une fonctionnalit\u00e9 d\u2019accessibilit\u00e9 assez chouette \u00e0 utiliser pour faire gagner en accessibilit\u00e9 les vid\u00e9os.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Avertissement pour les animations \u00e0 risque d\u2019\u00e9pilepsie photosensible<\/h5>\n\n\n\n<p>Ensuite, toujours sur TikTok, nous avons un interrupteur et avertissement d\u2019\u00e9pilepsie photosensible.<br>Option que je vous invite \u00e0 cocher.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image37-e1692192312182-150x150.jpg\" alt=\"\" class=\"wp-image-1138\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image37-e1692192312182-150x150.jpg 150w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image37-e1692192312182-13x12.jpg 13w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/figure>\n<\/div>\n\n\n<p>Lorsque vous cr\u00e9ez du contenu, si votre contenu contient des effets potentiellement \u00e0 risque pour des personnes qui ont de l\u2019\u00e9pilepsie photosensible, l\u2019application va avertir.<\/p>\n\n\n\n<p>Attention, ce que vous cr\u00e9ez peut potentiellement d\u00e9clencher des crises d\u2019\u00e9pilepsie.<\/p>\n\n\n\n<p>C\u2019est une excellente option pour faire attention \u00e0 vos contenus lorsque vous cr\u00e9ez des vid\u00e9os a avec des effets.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Le sous-titrage automatique<\/h5>\n\n\n\n<p>Aussi, c\u2019est une excellente chose.<\/p>\n\n\n\n<p>Sur Tik Tok et sur YouTube, c\u2019est pr\u00e9sent. <br>L\u2019application va g\u00e9n\u00e9rer d\u2019elle-m\u00eame vos sous-titres et vous permettra de les corriger.<\/p>\n\n\n\n<p>Sur Instagram, c\u2019est \u00e0 demi-pr\u00e9sent. <br>Ce n\u2019est pas top parce que, vous ne pouvez pas corriger vos sous-titres et franchement, ils ne sont pas toujours tr\u00e8s bons. Ils sont m\u00eame r\u00e9guli\u00e8rement mauvais et de plus, ce n\u2019est pas disponible dans les stories.<\/p>\n\n\n\n<p>Sur Instagram, il faut vraiment penser \u00e0 cr\u00e9er du contenu qui contient d\u00e9j\u00e0 des sous-titres incrust\u00e9s car vous ne pouvez pas compter sur la plateforme pour vous aider sur cela.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"287\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image39-e1692193308740-1024x287.jpg\" alt=\"\" class=\"wp-image-1139\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image39-e1692193308740-1024x287.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image39-e1692193308740-300x84.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image39-e1692193308740-768x215.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image39-e1692193308740-18x5.jpg 18w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image39-e1692193308740.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Et, donc, en parlant de sous-titrage, je vous invite \u00e0 aller consulter le webinaire qui d\u00e9bute \u00e0 16h de mon coll\u00e8gue Steven qui vous donnera toutes les cl\u00e9s pour <a href=\"https:\/\/ideance.net\/blog\/en\/600\/sous-titrer-pas-si-complique-webinaire-steven-mouret-gaad-2023\/\" data-type=\"link\" data-id=\"https:\/\/ideance.net\/blog\/600\/sous-titrer-pas-si-complique-webinaire-steven-mouret-gaad-2023\/\">cr\u00e9er du contenu vid\u00e9o sous-titr\u00e9, de mani\u00e8re simple sur YouTube<\/a>.<\/p>\n\n\n\n<p>C\u2019est super. Sur les r\u00e9seaux sociaux, aujourd\u2019hui, on publie \u00e9norm\u00e9ment de vid\u00e9os et les sous-titres sont tr\u00e8s importants.<\/p>\n\n\n\n<p>Il ne faut pas les oublier.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9mo<\/h3>\n\n\n\n<p>Je crois que je suis all\u00e9e tr\u00e8s vite, je suis d\u00e9sol\u00e9e\u2026 !<\/p>\n\n\n\n<p>Donc, pour faire un petit m\u00e9mo de la cr\u00e9ation de contenu accessible :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Utilisez des polices qui soient lisibles. <\/strong><br>Oubliez les polices fantaisie qui permettent de faire des \u00e9critures gothiques ou ce genre de choses car elles ne seront pas lues par les lecteurs d\u2019\u00e9cran.<\/li>\n\n\n\n<li><strong>Renseignez un texte alternatif pour vos images<\/strong>.<br>Pour vos images d\u00e9coratives, indiquez que c\u2019est une image d\u00e9corative.<br>Pour les images riches d\u2019informations, d\u00e9crivez les pour indiquer ce qu\u2019elle contient, que ce soit du texte ou une photographie porteuse de sens.<\/li>\n\n\n\n<li><strong>Utilisez des couleurs de texte contrast\u00e9es<\/strong> avec un ratio minimum de 4.5. <br>Veillez au contraste de vos couleurs en les testant quand vous pouvez, le mieux, c\u2019est tout le temps. Vous verrez que, \u00e0 l\u2019\u0153il, sur les r\u00e9seaux sociaux, on se dit : au mieux, on met un gris fonc\u00e9 sur blanc et \u00e7a passe. En bref, faites attention au contraste de vos couleurs.<\/li>\n\n\n\n<li><strong>D\u00e8s que vous cr\u00e9ez une vid\u00e9o, pensez aux sous-titres<\/strong>. <br>Une vid\u00e9o qui a des dialogues doit avoir des sous-titres pour \u00eatre accessible aux personnes sourdes ou malentendantes.<\/li>\n\n\n\n<li>Pour les <strong>vid\u00e9os qui ont du contenu visuel, du texte incrust\u00e9, pensez \u00e0 l\u2019audiodescription<\/strong> pour les personnes aveugles ou malvoyantes.<\/li>\n\n\n\n<li><strong>\u00c9crivez une transcription textuelle <\/strong>pour les contenus audios, les podcasts, par exemple, et pour les vid\u00e9os qui contiennent des informations telles que du texte incrust\u00e9 ou des interactions uniquement visuelles.<br>Pour permettre aux personnes qui sont malentendantes ou sourdes, ainsi qu\u2019aux personnes malvoyantes et aveugles, d\u2019avoir acc\u00e8s \u00e0 tout ce qui se passe, \u00e0 toutes les informations.<\/li>\n\n\n\n<li>Et <strong>cr\u00e9ez des animations sans effet de flash <\/strong>pour \u00e9viter de d\u00e9clencher des crises d\u2019\u00e9pilepsie aux personnes photosensibles.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">RGAA (R\u00e9f\u00e9rentiel G\u00e9n\u00e9ral d\u2019Am\u00e9lioration de l&rsquo;Accessibilit\u00e9)<\/h4>\n\n\n\n<p>Ces r\u00e8gles et ces bonnes pratiques ne sortent pas de nulle part. <br>Elles viennent du R\u00e9f\u00e9rentiel G\u00e9n\u00e9ral d\u2019Am\u00e9lioration de l&rsquo;Accessibilit\u00e9, le RGAA.<\/p>\n\n\n\n<p>Ce sont des standards simples permettant de garantir l\u2019accessibilit\u00e9 au plus grand nombre.<\/p>\n\n\n\n<p>Si vous souhaitez en savoir plus sur ces r\u00e8gles et ces crit\u00e8res, vous pouvez vous rendre directement sur l\u2019URL <a href=\"https:\/\/accessibilite.numerique.gouv.fr\/\">accessibilite.numerique.gouv.fr.<\/a><br>C\u2019est le site officiel o\u00f9 vous retrouverez tous ces standards.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Ressources d\u2019accessibilit\u00e9 num\u00e9rique<\/h4>\n\n\n\n<p>Pour avoir des <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/ressources-accessibilite-numerique\/\">ressources d\u2019accessibilit\u00e9 num\u00e9rique, sur notre site Ideance<\/a>, il y a un lien ressources d\u2019accessibilit\u00e9 num\u00e9rique o\u00f9 l\u2019on met beaucoup de ressources sur divers sujets, que ce soit :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>le design,<\/li>\n\n\n\n<li>le d\u00e9veloppement,<\/li>\n\n\n\n<li>la contribution,<\/li>\n\n\n\n<li>la l\u00e9gislation sur le domaine de l\u2019accessibilit\u00e9 num\u00e9rique,<\/li>\n<\/ul>\n\n\n\n<p>Vous pouvez donc aller y faire un tour.<\/p>\n\n\n\n<p>Vous trouverez aussi \u00e9norm\u00e9ment d\u2019outils divers et vari\u00e9s sur l\u2019accessibilit\u00e9 num\u00e9rique. <br>C\u2019est une petite mine d\u2019or pour avoir des infos et des outils.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Une soci\u00e9t\u00e9 inclusive<\/h4>\n\n\n\n<p>Au-del\u00e0 du sujet pur et dur de l\u2019accessibilit\u00e9, il y a aussi le sujet de l\u2019inclusion.<\/p>\n\n\n\n<p><strong>En cr\u00e9ant du contenu accessible, c\u2019est aussi donner la possibilit\u00e9 d\u2019avoir une soci\u00e9t\u00e9 plus inclusive,<\/strong> qui vise \u00e0 r\u00e9pondre aux besoins de tous les individus ind\u00e9pendamment de leurs capacit\u00e9s, de leurs diff\u00e9rences.<\/p>\n\n\n\n<p>Cr\u00e9er des contenus inclusifs, c\u2019est innover pour toutes et tous.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">A11Y<\/h5>\n\n\n\n<p>L\u2019accessibilit\u00e9 num\u00e9rique sur les r\u00e9seaux sociaux, c\u2019est aussi une communaut\u00e9 qui est pr\u00e9sente et bienveillante sous le hashtag <strong>#A11Y<\/strong>.<\/p>\n\n\n\n<p>A11y \u00e7a vient du mot \u00ab accessibility \u00bb, accessibilit\u00e9 mais en anglais.. <br>La premi\u00e8re lettre <strong>A<\/strong> et la derni\u00e8re lettre <strong>Y<\/strong>, et entre ces deux lettres 11 lettres qui font le mot \u00ab accessibility \u00bb, donc A11Y.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image45-e1692192630948.jpg\" alt=\"\" class=\"wp-image-1140\"\/><\/figure>\n<\/div>\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1172\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image5-min.jpg\" alt=\"Merci !\" width=\"1100\" height=\"332\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image5-min.jpg 1100w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image5-min-300x91.jpg 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image5-min-1024x309.jpg 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image5-min-768x232.jpg 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/Image5-min-18x5.jpg 18w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/p>\n\n\n<div class=\"ice-transcript\"><button type=\"button\" data-toggle=\"collapse\" data-target=\"#transcript-question-1\" aria-expanded=\"false\" aria-controls=\"transcript-question-1\"> <span role=\"heading\" aria-level=\"3\">Questions et r\u00e9ponses<\/span> <\/button>\r\n<div id=\"transcript-question-1\" class=\"collapse\">\r\n<p>J\u2019ai fini, je crois que j\u2019ai eu un d\u00e9bit de parole assez cons\u00e9quent, j\u2019esp\u00e8re que tout le monde a pu suivre. J\u2019\u00e9tais un petit peu stress\u00e9e, alors j\u2019ai eu des petits moments d\u2019absence\u2026 J\u2019esp\u00e8re que \u00e7a vous a plu, et si vous avez des questions, Maxime, je t\u2019\u00e9coute pour me les donner.<\/p>\r\n<p>Maxime Jannot : Merci Elisa. Il me semble que tu as \u00e9t\u00e9 tr\u00e8s claire. Pour le moment, on n\u2019a pas eu de question. L\u00e0, je vois juste une question qui \u00e9tait pour le num\u00e9ro d\u2019un crit\u00e8re RGAA, mais\u2026 \u00c7a d\u00e9pend du sujet, en fait.<\/p>\r\n<p>\u00c9lisa Greder : Peut-\u00eatre sur le multim\u00e9dia\u2026<\/p>\r\n<p>\u00c9lisa Greder : Mince, je crois que la slide a saut\u00e9\u2026 Je ne suis pas une conf\u00e9renci\u00e8re au point, je crois ! Le dernier crit\u00e8re RGAA que j\u2019ai donn\u00e9\u2026<\/p>\r\n<p>Maxime Jannot : Je l\u2019ai vu passer dans un de tes slides\u2026<\/p>\r\n<p>\u00c9lisa Greder : R\u00e9diger une transcription ?<\/p>\r\n<p>Maxime Jannot : Si c\u2019\u00e9tait pour les couleurs de contraste, c\u2019est le ratio qui doit \u00eatre de 4.5, et du coup, en termes de crit\u00e8re, \u00e7a va \u00eatre le 3.2.<\/p>\r\n<p>\u00c9lisa Greder : Exactement.<\/p>\r\n<p>Maxime Jannot : Pour tester le contraste sur mobile, y a-t-il un outil ?<\/p>\r\n<p>\u00c9lisa Greder : Oui. Il y a un outil qui existe sur mobile. Je n\u2019ai plus le nom en t\u00eate, je vais le mettre dans l\u2019article de blog que je vais faire o\u00f9 il y aura le replay de ce webinaire. Il n\u2019est pas super \u00e0 utiliser, peut-\u00eatre que c\u2019est pas mal d\u2019aller sur un navigateur, mais je vais vous le donner quand m\u00eame. Mais je ne l\u2019ai plus de t\u00eate\u2026 Je vais essayer de le trouver l\u00e0 rapidement.<\/p>\r\n<p>Maxime Jannot : Marie, dans le chat, parle d\u2019accessibilit\u00e9 scanner sur Andro\u00efd, est-ce que \u00e7a ne serait pas celui-l\u00e0 ?<\/p>\r\n<p>\u00c9lisa Greder : C\u2019est fort possible que ce soit \u00e7a. On m\u2019avait donn\u00e9 le nom\u2026 mais comme j\u2019ai une m\u00e9moire des noms qui n\u2019est pas super, j\u2019ai oubli\u00e9. Un outil pour tester les effets d\u2019animation, \u00e7a m\u2019int\u00e9resse beaucoup\u2026 Oui, l\u00e0, c\u2019est pareil, je suis d\u00e9sol\u00e9e, j\u2019ai une m\u00e9moire de poisson rouge ! Mais, sur Ideance, je sais que, dans nos ressources, on l\u2019a indiqu\u00e9. Je vais aller rapidement le chercher. Hop. Je vous le mets, du coup, dans le lien de la conversation. Tester les animation : le lien de l\u2019outil.<\/p>\r\n<p>Maxime Jannot : Parfait.<\/p>\r\n<p>\u00c9lisa Greder : J\u2019ai vu une autre question\u2026<\/p>\r\n<p>Maxime Jannot : Oui, il y en a deux qui viennent d\u2019arriver. Une d\u2019Adeline : quels seraient les outils de v\u00e9rification de l\u2019accessibilit\u00e9 pour Workplace et Canva ?<\/p>\r\n<p>\u00c9lisa Greder : Workplace, je ne suis pas s\u00fbre de savoir en quoi \u00e7a consiste, c\u2019est peut-\u00eatre de la cr\u00e9ation d\u2019image. Canva, je sais que \u00e7a g\u00e9n\u00e8re principalement de l\u2019image. Dans ce cas-l\u00e0, veillez aux contrastes des couleurs de ces images avec des outils permettant de s\u00e9lectionner la couleur d\u2019arri\u00e8re-plan et de premier plan, en v\u00e9rifiant que c\u2019est un ratio de contraste d\u2019au moins 4.5 pour les textes. C\u2019\u00e9tait \u00e7a, la question ?<\/p>\r\n<p>Maxime Jannot : On a aussi une question qui concerne LinkedIn pour savoir s\u2019il est possible d\u2019indiquer si une image est seulement d\u00e9corative, illustrative ?<\/p>\r\n<p>\u00c9lisa Greder : Eh bien, non, il n\u2019y a pas de petite case \u00e0 cocher qui permet d\u2019indiquer que cette image est d\u00e9corative. C\u2019est pour \u00e7a qu\u2019il vaut mieux renseigner directement l\u2019alternative en indiquant soi-m\u00eame \u00ab image illustrative \u00bb ou \u00ab d\u00e9corative \u00bb, sinon, LinkedIn va indiquer aux personnes qui naviguent avec un lecteur d\u2019\u00e9cran que vous n\u2019avez pas rempli d\u2019alternative textuelle, ce qui peut g\u00e9n\u00e9rer des questionnements, donc, pour LinkedIn, il vaut mieux indiquer manuellement que c\u2019est d\u00e9coratif.<\/p>\r\n<p>Maxime Jannot : D\u2019accord. Il a l\u2019air d\u2019y avoir une question qui revient qui est : est-il possible de revenir sur la fonction de Tik Tok sur l\u2019avertissement d\u2019\u00e9pilepsie photosensible ?<\/p>\r\n<p>\u00c9lisa Greder : Oui. C\u2019est totalement possible. Je vais me remettre, encore que la slide n\u2019\u00e9tait pas forc\u00e9ment tr\u00e8s informative parce qu\u2019il n\u2019y avait que le nom et le logo Tik Tok\u2026 Mais, du coup, cette fonctionnalit\u00e9, si vous l\u2019enclenchez, quand vous l\u2019activez dans les param\u00e8tres d\u2019accessibilit\u00e9 de l\u2019application, vous activez les avertissements d\u2019\u00e9pilepsie photosensibles lorsque vous allez cr\u00e9er du contenu, par exemple votre vid\u00e9o, c\u2019est en r\u00e9alit\u00e9 quinze images, et ces quinze images, vous les rythmez \u00e0 un certain rythme qui peut \u00eatre d\u00e9rangeant pour les personnes photosensibles, l\u2019application, puisque vous avez coch\u00e9 cette fonctionnalit\u00e9, va vous indiquer, vous avertir que vos effets contiennent des effets qui peuvent d\u00e9clencher une crise d\u2019\u00e9pilepsie. En plus de \u00e7a, c\u00f4t\u00e9 utilisateur de l\u2019application, lorsqu\u2019on coche cette fonctionnalit\u00e9, toutes les vid\u00e9os pouvant avoir des effets d\u00e9rangeants, voire plus que d\u00e9rangeants, qui peuvent d\u00e9clencher des crises d\u2019\u00e9pilepsie, l\u2019application va nous avertir avant avec un petit bandeau que cette vid\u00e9o contient des effets probl\u00e9matiques. Voil\u00e0 ce que je peux vous en dire.<\/p>\r\n<p>Maxime Jannot : Alors, une autre question : y a-t-il des bonnes pratiques concernant l\u2019utilisation des \u00e9mojis ?<\/p>\r\n<p>\u00c9lisa Greder : Des bonnes pratiques concernant l\u2019utilisation des \u00e9mojis ? Oui, totalement. Je pense m\u00eame que j\u2019ai d\u00fb parler un peu trop vite quand j\u2019ai pass\u00e9 le sujet, mais des bonnes pratiques, c\u2019est, du coup, de ne pas v\u00e9hiculer un message uniquement \u00e0 travers des \u00e9mojis puisque les \u00e9mojis vont avoir une signification diff\u00e9rente d\u2019une plateforme ou d\u2019un navigateur \u00e0 l\u2019autre. Donc, d\u00e9j\u00e0, veiller \u00e0 \u00e7a. Votre message, votre information doit \u00eatre compr\u00e9hensible sans \u00e9mojis. Second point, c\u2019est de faire attention \u00e0 utiliser des \u00e9mojis avec parcimonie et de ne pas en abuser parce qu\u2019\u00e0 l\u2019\u00e9coute, \u00e7a va \u00eatre inaudible, \u00e7a va \u00eatre un capharna\u00fcm et on ne comprendra pas le sujet principal de votre message puisque les \u00e9mojis vont noyer l\u2019information. Et une troisi\u00e8me bonne pratique, c\u2019est de ne pas cr\u00e9er, un peu comme il y avait le Ascii Art, on va cr\u00e9er des choses avec des parenth\u00e8ses etc. On va \u00e9viter de cr\u00e9er un dessin avec des \u00e9mojis parce que ce n\u2019est pas accessible comme \u00e7a. J\u2019ai d\u00e9j\u00e0 vu des choses comme \u00e7a.<\/p>\r\n<p>Maxime Jannot : Pour continuer avec les \u00e9mojis, y a-t-il un emplacement \u00e0 privil\u00e9gier, en fin, en d\u00e9but de phrase ?<\/p>\r\n<p>\u00c9lisa Greder : Oui, l\u2019endroit pr\u00e9f\u00e9rable, ce serait en fin de phrase pour que l\u2019\u00e9moji, si c\u2019est un \u00e9moji qui est un peu particulier, ne soit pas forc\u00e9ment lu en premier, et que la r\u00e9elle information soit lue en premier par un lecteur d\u2019\u00e9cran. C\u2019est l\u2019id\u00e9al. En tout cas, c\u2019est l\u2019id\u00e9e populaire. Apr\u00e8s, ce serait int\u00e9ressant d\u2019avoir plusieurs retours de personnes qui utilisent des lecteurs d\u2019\u00e9cran pour avoir un avis encore plus fond\u00e9, mais c\u2019est vrai que, si vous mettez en fin de phrase, il y a quand m\u00eame beaucoup de chances que ce soit plus clair.<\/p>\r\n<p>Maxime Jannot : OK. Il me semble qu\u2019on a fait le tour des questions. Si d\u2019autres personnes ont encore des questions, c\u2019est le moment parce qu\u2019il nous reste encore un petit peu de temps.<\/p>\r\n<p>\u00c9lisa Greder : J\u2019en profite pour remercier nos deux interpr\u00e8tes LSF qui, j\u2019esp\u00e8re\u2026 j\u2019ai d\u00fb speeder, je suis d\u00e9sol\u00e9e ! Et pareil pour les personnes qui font les sous-titres ! Je ne vous vois pas mais je pense \u00e0 vous, j\u2019esp\u00e8re que \u00e7a a \u00e9t\u00e9 ! Et j\u2019esp\u00e8re que, pour les personnes qui sont pr\u00e9sentes \u00e0 la conf\u00e9rence, vous avez appr\u00e9ci\u00e9 et que vous avez appris quelques petits trucs que vous allez pouvoir reproduire dans votre cr\u00e9ation de contenus.<\/p>\r\n<p>Maxime Jannot : Les retours sont tr\u00e8s positifs en commentaires, Elisa, rassure-toi !<\/p>\r\n<p>\u00c9lisa Greder : Il y a un moment o\u00f9 j\u2019ai eu un coup de stress\u2026 Merci. Je suis contente si vous avez pu apprendre certaines choses. De toute fa\u00e7on, le webinaire sera en replay, vous pourrez le regarder en vitesse moins rapide ! Et vous aurez toutes les infos que j\u2019ai publi\u00e9es, que je vous ai partag\u00e9es aujourd\u2019hui. Vous pourrez les regarder tranquillement. Eh bien\u2026 Ah, \u00ab j\u2019ai une question sur le texte dans les images \u00bb\u2026 Je vous \u00e9coute\u2026 A bient\u00f4t Claire et bonne fin de journ\u00e9e \u00e0 ceux qui se d\u00e9connectent.<\/p>\r\n<p>Maxime Jannot : En cas de texte sur une image, ce qu\u2019on conseillerait, c\u2019est de compl\u00e9ter l\u2019alternative ? En cas de texte incrust\u00e9 dans une image.<\/p>\r\n<p>\u00c9lisa Greder : Oui, voil\u00e0, ce serait de reprendre le texte incrust\u00e9 dans l\u2019image et de le renseigner dans l\u2019alternative. Normalement, s\u2019il n\u2019y a pas d\u2019alternative renseign\u00e9e, le lecteur d\u2019\u00e9cran Jaws ou Voice Over ne lira pas cette image. Effectivement, si, par contre, l\u2019information de cette image est d\u00e9j\u00e0 reprise dans votre texte, dans ces cas-l\u00e0, vous pouvez consid\u00e9rer votre image comme d\u00e9corative puisque le texte ou le titre par exemple est d\u00e9j\u00e0 repris dans le contenu. Eh bien, \u00e7a me semble tout bon. J\u2019ai l\u2019impression qu\u2019il n\u2019y a plus de question.<\/p>\r\n<p>Maxime Jannot : Du coup, on va pouvoir retrouver Steven \u00e0 16h.<\/p>\r\n<p>\u00c9lisa Greder : Oui. Pour \u00ab et si sous-titrer n\u2019\u00e9tait pas si compliqu\u00e9 ? \u00bb, il vous permettra de cr\u00e9er des vid\u00e9os sur les r\u00e9seaux sociaux avec des sous-titres, donc plut\u00f4t top ! Merci \u00e0 tous, merci aux interpr\u00e8tes, merci aux personnes qui ont fait les sous-titres et merci \u00e0 vous d\u2019avoir \u00e9t\u00e9 pr\u00e9sents. Merci Maxime.<\/p>\r\n<p>Maxime Jannot : Bonne journ\u00e9e, au revoir.<\/p>\r\n<\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Apprenez pratiques et astuces pour rendre votre contenu accessible aux personnes handicap\u00e9es.<\/p>","protected":false},"author":6,"featured_media":1136,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[25,19,12],"tags":[],"class_list":["post-780","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gaad","category-reseaux-sociaux","category-sensibilisation"],"acf":[],"_links":{"self":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/comments?post=780"}],"version-history":[{"count":321,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/780\/revisions"}],"predecessor-version":[{"id":4343,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/780\/revisions\/4343"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/media\/1136"}],"wp:attachment":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/media?parent=780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/categories?post=780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/tags?post=780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}