{"id":4602,"date":"2026-01-22T11:13:55","date_gmt":"2026-01-22T10:13:55","guid":{"rendered":"https:\/\/ideance.net\/blog\/?p=4602"},"modified":"2026-01-23T09:07:33","modified_gmt":"2026-01-23T08:07:33","slug":"idees-recues-a11y","status":"publish","type":"post","link":"https:\/\/ideance.net\/blog\/en\/4602\/idees-recues-a11y\/","title":{"rendered":"Id\u00e9es re\u00e7ues \u00e0 propos de l&rsquo;accessibilit\u00e9 num\u00e9rique"},"content":{"rendered":"<h2>L\u2019accessibilit\u00e9 num\u00e9rique ne concerne qu\u2019une minorit\u00e9 de personnes<\/h2>\n<p>L&rsquo;OMS (Organisation Mondiale de la Sant\u00e9) estime que <strong>plus d&rsquo;un milliard de personnes<\/strong> dans le monde vivent avec une forme de handicap significative.<\/p>\n<p class=\"ice-block\">Soit environ <strong>15 % de la population mondiale<\/strong> (1 personne sur 6).<\/p>\n<p>Parmi les personnes ayant des droits et des besoins en termes d\u2019accessibilit\u00e9 num\u00e9rique, on peut entre autres citer\u00a0:<\/p>\n<ul>\n<li>Celles avec un <strong>handicap auditif<\/strong>. Comme les personnes sourdes ou malentendantes.<\/li>\n<li>Celles avec un ou plusieurs <strong>handicaps cognitifs<\/strong>. Comme les personnes dyslexiques, dysorthographiques, dyspraxiques ou encore avec troubles de l&rsquo;attention.<\/li>\n<li>Celles avec un <strong>handicap intellectuel<\/strong>. Comme les personnes trisomiques ou encore atteintes du syndrome de l\u2019X fragile.<\/li>\n<li>Celles avec un <strong>handicap moteur<\/strong>. Comme les personnes infirmes motrices c\u00e9r\u00e9brales, t\u00e9trapl\u00e9giques ou encore atteintes de la maladie de Parkinson.<\/li>\n<li>Celles avec un <strong>handicap visuel<\/strong>. Comme les personnes aveugles, daltoniennes ou encore malvoyantes.<\/li>\n<\/ul>\n<p>Aussi, <strong>les personnes \u00e2g\u00e9es<\/strong>, qui ne sont \u00e9videmment pas consid\u00e9r\u00e9es comme des personnes handicap\u00e9es et qui ne rentrent donc pas dans cette estimation de l\u2019OMS, peuvent aussi avoir certains besoins en termes d\u2019accessibilit\u00e9 num\u00e9rique. Notamment li\u00e9s \u00e0 la <strong>baisse de la vision<\/strong>, la <strong>perte auditive<\/strong> ou encore la <strong>diminution de la motricit\u00e9<\/strong>.<\/p>\n<p>Enfin, l&rsquo;accessibilit\u00e9 num\u00e9rique peut \u00e9galement concerner les personnes ayant des <strong>limitations temporaires et\/ou contextuelles<\/strong>. Comme les personnes temporairement bless\u00e9es.<\/p>\n<details>\n<summary><span role=\"heading\" aria-level=\"3\">Quelques ressources<\/span><\/summary>\n<ul>\n<li><a href=\"https:\/\/www.who.int\/fr\/news-room\/fact-sheets\/detail\/disability-and-health\">Handicap &#8211; Organisation mondiale de la sant\u00e9<\/a><\/li>\n<li><a lang=\"en\" href=\"https:\/\/dequeuniversity.com\/resources\/disability-statistics\" hreflang=\"en\">Disability Statistics<\/a><\/li>\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/771\/accessibilite-numerique-rex-brice-kaptur\/\">Brice Kaptur, l\u2019exp\u00e9rience du num\u00e9rique en tant que personne malvoyante<\/a><\/li>\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/2341\/stephane-hagues-lexperience-du-numerique-en-tant-que-personne-aveugle\/\">St\u00e9phane Hagues\u00a0: L\u2019exp\u00e9rience du num\u00e9rique en tant que personne aveugle<\/a><\/li>\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/3774\/le-numerique-et-toi-bleuet-atypique\/\">Le num\u00e9rique et toi, focus sur l\u2019autisme avec Bleuet Atypique<\/a><\/li>\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/3848\/le-numerique-et-toi-sportif-handisport-ryadh-sallem\/\">Le num\u00e9rique et toi, avec Ryadh Sallem sportif handisport<\/a><\/li>\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/3784\/le-numerique-et-toi-focus-sur-la-cecite-avec-pascale-frank\/\">Le num\u00e9rique et toi, focus sur la c\u00e9cit\u00e9 avec Pascale Frank<\/a><\/li>\n<li><a lang=\"en\" href=\"https:\/\/axesslab.com\/tech-youtubers\/\" hreflang=\"en\">Videos of people with disabilities using tech<\/a><\/li>\n<\/ul>\n<\/details>\n<h2>L&rsquo;accessibilit\u00e9 num\u00e9rique bride la cr\u00e9ativit\u00e9 et d\u00e9grade l&rsquo;exp\u00e9rience des personnes sans handicap<\/h2>\n<p>L&rsquo;accessibilit\u00e9 num\u00e9rique est parfois ressentie comme une contrainte fonctionnelle et esth\u00e9tique.<\/p>\n<p class=\"ice-block is-green\">Pourtant, en r\u00e9alit\u00e9, l&rsquo;accessibilit\u00e9 num\u00e9rique n&rsquo;est aucunement synonyme de design archa\u00efque, aust\u00e8re, minimaliste, sans inspiration\u2026<\/p>\n<p>Dans les faits, dans le cadre d\u2019un projet num\u00e9rique qui se veut <strong>attrayant<\/strong> et <strong>dynamique<\/strong>\u00a0:<\/p>\n<ul>\n<li><strong>Toutes les couleurs<\/strong> et leurs nuances sont utilisables dans les conceptions graphiques.<\/li>\n<li><strong>Tous les types de contenus<\/strong> sont compatibles avec l&rsquo;accessibilit\u00e9 num\u00e9rique. Comme les textes, les liens, les images mais aussi les animations, les vid\u00e9os, les podcasts ou encore les tableaux de donn\u00e9es.<\/li>\n<li><strong>Tous les types de fonctionnalit\u00e9s<\/strong> sont compatibles avec l&rsquo;accessibilit\u00e9 num\u00e9rique. Comme les formulaires mais aussi les cartes interactives et tous types de composants d&rsquo;interface riche (accord\u00e9on, bo\u00eete de dialogue, menu d\u00e9roulant, etc.).<\/li>\n<\/ul>\n<p class=\"ice-block\">Pour favoriser l\u2019accessibilit\u00e9 de tous ces \u00e9l\u00e9ments aux personnes handicap\u00e9es, il s&rsquo;agit simplement de <strong>respecter un certain nombre de r\u00e8gles et de bonnes pratiques<\/strong> lors de leur conception, leur d\u00e9veloppement et\/ou leur publication.<\/p>\n<p>Plus concr\u00e8tement, toujours dans le cadre d\u2019un projet num\u00e9rique, par exemple\u00a0:<\/p>\n<ul>\n<li>Une r\u00e8gle d\u2019accessibilit\u00e9 num\u00e9rique consiste \u00e0 <strong>assurer des contrastes de couleurs suffisants<\/strong> pour les \u00e9l\u00e9ments informatifs et interactifs. Ce qui est particuli\u00e8rement important pour les personnes malvoyantes. Mais cela n&#8217;emp\u00eache absolument pas l&rsquo;utilisation d&rsquo;autres couleurs moins contrast\u00e9es (pastels, par exemple) pour les \u00e9l\u00e9ments seulement d\u00e9coratifs de l\u2019interface, non porteurs d\u2019informations.<\/li>\n<li>Il est tout \u00e0 fait possible d\u2019int\u00e9grer des animations dans les interfaces. Si ces animations sont lanc\u00e9es automatiquement, l\u2019accessibilit\u00e9 num\u00e9rique demande simplement de <strong>permettre de les mettre en pause puis de les relancer<\/strong>.<\/li>\n<li>Il est tout \u00e0 fait possible de publier des vid\u00e9os et tous types de contenus audios. Pour favoriser leur accessibilit\u00e9 en particulier aux personnes d\u00e9ficientes auditives et aux personnes d\u00e9ficientes visuelles, il s\u2019agit de les <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#sous-titrage\">sous-titrer<\/a>, de les <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#audiodescription\">audiod\u00e9crire<\/a> puis de les accompagner de leur <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#transcription\">transcription textuelle<\/a>.<\/li>\n<li>Il est tout \u00e0 fait possible de proposer tous types de syst\u00e8me d\u2019interaction riche dans les interfaces. Du formulaire basique au plus complexe syst\u00e8me de glisser-d\u00e9poser, par exemple. Pour favoriser leur accessibilit\u00e9 en particulier aux personnes d\u00e9ficientes motrices et aux personnes d\u00e9ficientes visuelles, il s\u2019agit de garantir leur fonctionnement avec les diff\u00e9rentes <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#technologie-assistance\">technologies d\u2019assistance<\/a> (<a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#dispostif-pointage\">dispositifs de pointage<\/a>, <a href=\"https:\/\/ideance.net\/blog\/en\/3306\/\">lecteurs d\u2019\u00e9cran<\/a>, <a href=\"https:\/\/ideance.net\/blog\/en\/646\/dragon-logiciel-de-reconnaissance-vocale\/\">reconnaissance vocale<\/a>, etc.).<\/li>\n<\/ul>\n<p>Pour en revenir au sujet de la cr\u00e9ativit\u00e9 et de l\u2019exp\u00e9rience d\u2019utilisation, certaines personnes expertes UX\/UI consid\u00e8rent m\u00eame que la prise en compte de l\u2019accessibilit\u00e9 num\u00e9rique <strong>stimule leur cr\u00e9ativit\u00e9<\/strong> et <strong>am\u00e9liore l&rsquo;exp\u00e9rience d&rsquo;utilisation pour tout le monde<\/strong>.<\/p>\n<p>Via des r\u00e9flexions autour de la conception d\u2019interfaces plus <strong>coh\u00e9rentes<\/strong>, plus <strong>intuitives<\/strong>, plus <strong>robustes<\/strong>, plus <strong>universelles<\/strong> ; et donc plus <strong>efficaces<\/strong>. Pour toutes et tous, avec ou sans handicap.<\/p>\n<p class=\"ice-block is-grey\">Notons enfin que de mani\u00e8re g\u00e9n\u00e9rale, le design est une consid\u00e9ration purement subjective\u00a0: ce qui semble joli et simple d\u2019utilisation pour une personne ne le sera pas forc\u00e9ment pour une autre. \ud83d\ude09<\/p>\n<h2>L&rsquo;accessibilit\u00e9 num\u00e9rique consiste seulement \u00e0 proposer des contrastes suffisants et \u00e0 d\u00e9crire les images<\/h2>\n<p>Lorsque l&rsquo;on s&rsquo;int\u00e9resse \u00e0 l&rsquo;accessibilit\u00e9 num\u00e9rique, en premier lieu, on peut avoir tendance \u00e0 se focaliser (voire \u00e0 s&rsquo;arr\u00eater) uniquement sur le sujet des contrastes de couleurs et de la description des images.<\/p>\n<p class=\"ice-block\">Certes, ces 2 sujets sont effectivement fondamentaux pour <strong>favoriser l&rsquo;accessibilit\u00e9 num\u00e9rique aux personnes handicap\u00e9es<\/strong>. Notamment aux personnes d\u00e9ficientes visuelles.<\/p>\n<p>Toutefois, ces 2 exigences ne repr\u00e9sentent qu&rsquo;une petite partie de l&rsquo;ensemble des autres r\u00e8gles et bonnes pratiques \u00e0 suivre pour <strong>respecter les 4 principes fondamentaux<\/strong> (<a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#perceptible\">perceptible<\/a>, <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#utilisable\">utilisable<\/a>, <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#comprehensible\">compr\u00e9hensible<\/a> et <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#robuste\">robuste<\/a>) de l&rsquo;accessibilit\u00e9 num\u00e9rique.<\/p>\n<p>Parmi ces autres r\u00e8gles et bonnes pratiques \u00e0 suivre, on peut entre autres citer le fait de\u00a0:<\/p>\n<ul>\n<li>Garantir le fonctionnement des interfaces avec <strong>tous les types de <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#dispostif-pointage\">dispositifs de pointage<\/a><\/strong> (souris, clavier, <a href=\"https:\/\/ideance.net\/blog\/en\/646\/dragon-logiciel-de-reconnaissance-vocale\/\">reconnaissance vocale<\/a>, etc.).<\/li>\n<li>D\u00e9velopper les fonctionnalit\u00e9s et publier les contenus <strong>de mani\u00e8re s\u00e9mantique<\/strong>\u00a0: <a href=\"https:\/\/ideance.net\/blog\/en\/1747\/semantique-lien-bouton\/\">liens vs. boutons d\u2019action<\/a>, <a href=\"https:\/\/ideance.net\/blog\/en\/1831\/accessibilite-et-titres-de-section\/\">titres de section<\/a>, listes \u00e0 puces et listes num\u00e9rot\u00e9es, citations, etc.<\/li>\n<li>Concevoir et d\u00e9velopper des <strong>formulaires accessibles<\/strong>\u00a0: \u00e9tiquetage des champs, aides \u00e0 la saisie, messages d&rsquo;erreur explicites, etc.<\/li>\n<li>Concevoir les interfaces <strong>de mani\u00e8re responsive<\/strong> en conservant tous leurs contenus et leurs fonctionnalit\u00e9s.<\/li>\n<li>Garantir la lisibilit\u00e9 des contenus et l\u2019utilisation des fonctionnalit\u00e9s <strong>m\u00eame lorsque la taille des textes ou leurs propri\u00e9t\u00e9s d\u2019espacement sont personnalis\u00e9es<\/strong>.<\/li>\n<li>Assurer la compr\u00e9hension de l\u2019information <strong>m\u00eame en l\u2019absence de couleurs<\/strong>.<\/li>\n<li>Proposer des <strong>intitul\u00e9s de liens explicites<\/strong>.<\/li>\n<li><strong>Sous-titrer<\/strong> les vid\u00e9os.<\/li>\n<li>Ne pas justifier les textes.<\/li>\n<\/ul>\n<p>Ces r\u00e8gles et bonnes pratiques d\u2019accessibilit\u00e9 num\u00e9rique ainsi que toutes les autres sont d\u00e9finies dans les <a lang=\"en\" href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#wcag\">WCAG (Web Content Accessibility Guidelines)<\/a>.<\/p>\n<p class=\"ice-block is-green\">C\u2019est donc le respect de toutes ces r\u00e8gles et bonnes pratiques qui permet r\u00e9ellement de favoriser l\u2019accessibilit\u00e9 num\u00e9rique au plus grand nombre de personnes avec handicap auditif, cognitif, intellectuel, moteur ou encore visuel.<\/p>\n<details>\n<summary><span role=\"heading\" aria-level=\"3\">Quelques ressources<\/span><\/summary>\n<ul>\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/fr\/ressources-accessibilite-numerique\/#section-04-02\">Guides d\u2019accessibilit\u00e9 des sites web<\/a><\/li>\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/fr\/ressources-accessibilite-numerique\/#section-04-03\">Guides d\u2019accessibilit\u00e9 des applications mobiles<\/a><\/li>\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/fr\/ressources-accessibilite-numerique\/#section-04-04\">Guides d\u2019accessibilit\u00e9 des vid\u00e9os<\/a><\/li>\n<li><a href=\"https:\/\/ideance.net\/blog\/en\/fr\/ressources-accessibilite-numerique\/#section-04-05\">Guides d\u2019accessibilit\u00e9 des documents bureautiques et PDF<\/a><\/li>\n<\/ul>\n<\/details>\n<h2>L&rsquo;accessibilit\u00e9 num\u00e9rique n&rsquo;est pas de mon ressort<\/h2>\n<p>Dans le cadre de projets num\u00e9riques, on entend assez souvent des personnes supposer que la prise en compte de l\u2019accessibilit\u00e9 n\u2019est pas de leur ressort, qu\u2019elles n\u2019ont aucun r\u00f4le \u00e0 jouer \u00e0 ce sujet, que c\u2019est uniquement aux \u00e9quipes techniques de s\u2019en occuper.<\/p>\n<p>En r\u00e9alit\u00e9, la prise en compte de l\u2019accessibilit\u00e9 dans les projets num\u00e9riques <strong>ne peut et ne doit pas \u00eatre port\u00e9e par une seule et unique \u00e9quipe<\/strong>. Et encore moins <strong>par une seule et unique personne<\/strong>.<\/p>\n<p class=\"ice-block\">Car toutes les personnes qui interviennent sur des projets num\u00e9riques ont des responsabilit\u00e9s et un r\u00f4le \u00e0 jouer.<\/p>\n<p>Voici quelques exemples concrets\u00a0:<\/p>\n<ul>\n<li>Les personnes <strong>responsables des achats<\/strong> doivent indiquer les exigences d&rsquo;accessibilit\u00e9 dans leurs appels d&rsquo;offres puis \u00eatre vigilantes dans la s\u00e9lection des prestataires de service.<\/li>\n<li>Les personnes <strong>en charge de la gestion des projets<\/strong> (comme les <span lang=\"en\">Product Owner<\/span> et les <span lang=\"en\">Scrum Master<\/span>) doivent int\u00e9grer les exigences d&rsquo;accessibilit\u00e9 dans leurs sp\u00e9cifications fonctionnelles et techniques puis garantir que l&rsquo;accessibilit\u00e9 n&rsquo;est jamais rel\u00e9gu\u00e9e au second plan.<\/li>\n<li>Les <strong>UX \/ UI designers<\/strong> doivent respecter des r\u00e8gles et des bonnes pratiques d\u2019accessibilit\u00e9 dans leurs conceptions fonctionnelles et graphiques. \u00c0 ce sujet, se r\u00e9f\u00e9rer par exemple \u00e0 ces <a href=\"https:\/\/ideance.net\/blog\/en\/467\/accessibilite-ux-ui-design\/\">ressources d\u2019accessibilit\u00e9 num\u00e9rique pour UX et UI designers<\/a>.<\/li>\n<li>Les personnes <strong>en charge des aspects techniques<\/strong> doivent respecter des r\u00e8gles et des bonnes pratiques d\u2019accessibilit\u00e9 dans leurs d\u00e9veloppements.<\/li>\n<li>Les personnes <strong>amen\u00e9es \u00e0 r\u00e9diger et\/ou \u00e0 publier des contenus num\u00e9riques<\/strong> (tels que des articles, des communiqu\u00e9s ou encore des PDF) doivent respecter des r\u00e8gles et des bonnes pratiques \u00e9ditoriales d\u2019accessibilit\u00e9.<\/li>\n<li>Les personnes <strong>en charge de la communication<\/strong> sur les r\u00e9seaux sociaux doivent respecter des r\u00e8gles et des bonnes pratiques d\u2019accessibilit\u00e9 lors de la r\u00e9daction et la publication de leurs posts. \u00c0 ce sujet, se r\u00e9f\u00e9rer par exemple \u00e0 ces <a href=\"https:\/\/ideance.net\/blog\/en\/780\/les-cles-pour-creer-du-contenu-accessible-sur-les-reseaux-sociaux\/\">cl\u00e9s pour cr\u00e9er du contenu accessible sur les r\u00e9seaux sociaux<\/a>.<\/li>\n<\/ul>\n<p class=\"ice-block is-green\">En r\u00e9sum\u00e9, chaque maillon de la cha\u00eene de production num\u00e9rique a un r\u00f4le \u00e0 jouer !<\/p>\n<p>Aussi et enfin, au-del\u00e0 des personnes qui interviennent dans la r\u00e9alisation de projets num\u00e9riques, <strong>tout le monde est susceptible de contribuer \u00e0 favoriser l\u2019accessibilit\u00e9 num\u00e9rique<\/strong> aux personnes handicap\u00e9es.<\/p>\n<p>En effet, \u00e0 partir du moment o\u00f9 l\u2019on publie du contenu num\u00e9rique, quel qu\u2019il soit (des avis, des commentaires, des emails, des publications sur les r\u00e9seaux sociaux, etc.), il convient d\u2019\u00eatre vigilant et vigilante \u00e0 le contribuer de la mani\u00e8re la plus accessible possible.<\/p>\n<details>\n<summary><span role=\"heading\" aria-level=\"3\">Quelques ressources<\/span><\/summary>\n<ul>\n<li><a href=\"https:\/\/accessibilite.public.lu\/fr\/tools\/cahier-des-charges.html\">Prendre en compte l&rsquo;accessibilit\u00e9 d\u00e8s le cahier des charges<\/a><\/li>\n<li><a href=\"https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7104342323806789632\/\">Conseils pratiques d\u2019accessibilit\u00e9 num\u00e9rique pour les directions<\/a><\/li>\n<li><a href=\"https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7104704759969759232\/\">Conseils pratiques d\u2019accessibilit\u00e9 num\u00e9rique pour les responsables de projet<\/a><\/li>\n<li><a href=\"https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7105067132492603392\/\">Conseils pratiques d\u2019accessibilit\u00e9 num\u00e9rique pour les UX designers<\/a><\/li>\n<li><a href=\"https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7105429511671803904\/\">Conseils pratiques d\u2019accessibilit\u00e9 num\u00e9rique pour les UI designers<\/a><\/li>\n<li><a href=\"https:\/\/www.linkedin.com\/feed\/update\/urn:li:activity:7105791902343421952\/\">Conseils pratiques d\u2019accessibilit\u00e9 num\u00e9rique pour les \u00e9quipes de d\u00e9veloppement<\/a><\/li>\n<\/ul>\n<\/details>\n<h2>La prise en compte de l&rsquo;accessibilit\u00e9 num\u00e9rique \u00e7a co\u00fbte cher<\/h2>\n<p>La prise en compte de l&rsquo;accessibilit\u00e9 dans un projet num\u00e9rique demeure fr\u00e9quemment consid\u00e9r\u00e9e comme un facteur de surco\u00fbt important.<\/p>\n<p>Effectivement, l&rsquo;accessibilit\u00e9 num\u00e9rique peut engendrer une charge financi\u00e8re cons\u00e9quente.<\/p>\n<p class=\"ice-block is-red\">Mais essentiellement lorsqu&rsquo;elle est trait\u00e9e comme une variable d&rsquo;ajustement en fin de projet.<\/p>\n<p>\u00c0 l&rsquo;instar de l\u2019accessibilit\u00e9 des b\u00e2timents, int\u00e9grer l\u2019accessibilit\u00e9 en fin de projet num\u00e9rique peut s\u2019av\u00e9rer tout autant complexe et co\u00fbteux que d\u2019installer un ascenseur dans un immeuble apr\u00e8s construction, plut\u00f4t que de l&rsquo;avoir pr\u00e9vu d\u00e8s la fondation.<\/p>\n<p>En effet, lorsque l&rsquo;accessibilit\u00e9 num\u00e9rique est <strong>anticip\u00e9e d\u00e8s le cadrage du projet<\/strong> puis <strong>prise en compte de mani\u00e8re continue<\/strong> (en phases de conception, de d\u00e9veloppement, de maintenance, etc.) alors <strong>son impact budg\u00e9taire devient nettement plus l\u00e9ger<\/strong>.<\/p>\n<p class=\"ice-block is-green\">\u00c9vitant ainsi l&rsquo;accumulation d&rsquo;une dette technique.<\/p>\n<p>\u00c0 ce sujet, nous vous invitons \u00e0 consulter la d\u00e9construction de l\u2019id\u00e9e re\u00e7ue \u00ab <a href=\"#ice-post-title-5\">La prise en compte de l\u2019accessibilit\u00e9 num\u00e9rique se g\u00e8re en fin de projet<\/a> \u00bb.<\/p>\n<p>Aussi, le co\u00fbt de l&rsquo;accessibilit\u00e9 num\u00e9rique est <strong>proportionnel \u00e0 la maturit\u00e9 des \u00e9quipes projets<\/strong>\u00a0: plus leur niveau d&rsquo;expertise (qui peut monter efficacement en suivant des <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/formation-accessibilite\/\">formations<\/a>) et d&rsquo;exp\u00e9rience sur le sujet est \u00e9lev\u00e9, plus l&rsquo;impact budg\u00e9taire peut \u00eatre ma\u00eetris\u00e9.<\/p>\n<p class=\"ice-block is-green\">En effet, plus l&rsquo;accessibilit\u00e9 devient un <strong>automatisme<\/strong>, plus son co\u00fbt de mise en \u0153uvre tend \u00e0 se r\u00e9duire. Au profit d&rsquo;un <strong>standard natif<\/strong>.<\/p>\n<p>Notons enfin que la plupart des r\u00e8gles et bonnes pratiques d\u2019accessibilit\u00e9 num\u00e9rique sont g\u00e9n\u00e9ralement appliqu\u00e9es <strong>facilement par d\u00e9faut<\/strong> dans les projets, sans s\u2019en rendre compte, car <strong>relevant du bon sens<\/strong>. N\u2019entra\u00eenant par cons\u00e9quent aucun surco\u00fbt particulier.<\/p>\n<p>Pour illustrer cela, parmi les r\u00e8gles et bonnes pratiques fr\u00e9quemment respect\u00e9es naturellement dans la r\u00e9alisation d\u2019un site web, on peut entre autres citer le fait de\u00a0:<\/p>\n<ul>\n<li>Proposer plusieurs moyens de navigation comme un menu principal, un plan du site, un moteur de recherche ou encore un fil d\u2019Ariane.<\/li>\n<li>Assurer la coh\u00e9rence visuelle de la navigation.<\/li>\n<li>Ne pas justifier les textes.<\/li>\n<li>Renseigner la langue principale des pages.<\/li>\n<li>Structurer les contenus avec des titres de section, des paragraphes, des listes, des citations, etc.<\/li>\n<li>R\u00e9diger des intitul\u00e9s de liens explicites.<\/li>\n<li>Garantir la visibilit\u00e9 de la prise de focus au clavier.<\/li>\n<\/ul>\n<h2>La prise en compte de l\u2019accessibilit\u00e9 num\u00e9rique se g\u00e8re en fin de projet<\/h2>\n<p>Dans le cadre de la r\u00e9alisation d\u2019un projet num\u00e9rique, l\u2019accessibilit\u00e9 est malheureusement encore souvent rel\u00e9gu\u00e9e au second plan.<\/p>\n<p>En effet, assez fr\u00e9quemment, les \u00e9quipes projets ont tendance \u00e0 aborder l\u2019accessibilit\u00e9 num\u00e9rique seulement par une v\u00e9rification \u00e0 la toute fin du projet, via un audit final de conformit\u00e9.<\/p>\n<p class=\"ice-block is-red\">Cette prise en compte trop tardive du sujet, qui engendre g\u00e9n\u00e9ralement d\u2019<strong>importantes phases correctives \u00e0 posteriori<\/strong> et donc de la <strong>frustration pour les \u00e9quipes<\/strong>, a une forte tendance \u00e0 impacter lourdement l\u2019efficacit\u00e9 et le budget des projets.<\/p>\n<p>\u00c0 ce sujet, nous vous invitons \u00e0 consulter la d\u00e9construction de l\u2019id\u00e9e re\u00e7ue \u00ab <a href=\"#ice-post-title-4\">La prise en compte de l&rsquo;accessibilit\u00e9 num\u00e9rique \u00e7a co\u00fbte cher<\/a> \u00bb.<\/p>\n<p>Afin que la prise en compte de l\u2019accessibilit\u00e9 num\u00e9rique soit la plus transparente et la plus efficace possible, il est crucial qu\u2019elle soit <strong>anticip\u00e9e et appliqu\u00e9e \u00e0 toutes les phases des projets<\/strong>.<\/p>\n<p>Ci-apr\u00e8s, quelques exemples concrets pour illustrer cela.<\/p>\n<p>Il est bien plus efficace de proposer des contrastes de couleurs suffisants <strong>directement en phase de conception<\/strong> des maquettes graphiques plut\u00f4t que de les optimiser apr\u00e8s-coup, une fois les d\u00e9veloppements termin\u00e9s. (Ce qui peut d\u2019ailleurs potentiellement d\u00e9grader la coh\u00e9rence visuelle.)<\/p>\n<p>Mieux vaut produire du code <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#semantique\">s\u00e9mantique<\/a> par d\u00e9faut plut\u00f4t que de le corriger apr\u00e8s-coup, une fois les d\u00e9veloppements termin\u00e9s.<\/p>\n<p>Avant d\u2019adopter des composants sur \u00e9tag\u00e8re (comme un lecteur vid\u00e9o, un g\u00e9n\u00e9rateur de formulaires ou encore des scripts d\u2019interface riche) potentiellement truff\u00e9s de d\u00e9fauts d\u2019accessibilit\u00e9, il est crucial d\u2019<strong>\u00e9valuer en amont<\/strong> leur niveau en la mati\u00e8re. Car leur correction apr\u00e8s int\u00e9gration s\u2019av\u00e8re souvent complexe et chronophage.<\/p>\n<p>Concernant les vid\u00e9os, plut\u00f4t que de devoir ajouter de l\u2019<a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#audiodescription\">audiodescription<\/a> apr\u00e8s leur publication, il est pr\u00e9f\u00e9rable de s&rsquo;en dispenser d\u00e8s leur r\u00e9alisation en int\u00e9grant <strong>naturellement<\/strong> les \u00e9l\u00e9ments visuels porteurs d\u2019informations <strong>directement dans le script \/ la narration<\/strong>. Rendant ainsi inutile ce travail sp\u00e9cifique d\u2019audiodescription.<\/p>\n<p>Il est pr\u00e9f\u00e9rable de pr\u00e9voir des boutons de mise en pause et de relance des animations (type carrousels) <strong>d\u00e8s la phase de conception<\/strong> UX \/ UI. Plut\u00f4t que de devoir les ajouter et les impl\u00e9menter en urgence lors du d\u00e9veloppement.<\/p>\n<p>Plut\u00f4t que d\u2019imposer des <a href=\"https:\/\/ideance.net\/blog\/en\/fr\/glossaire-accessibilite\/#captcha\">CAPTCHA<\/a>, souvent synonymes de barri\u00e8res infranchissables pour de nombreuses personnes handicap\u00e9es, il est fortement pr\u00e9f\u00e9rable de privil\u00e9gier, d\u00e8s la conception, l\u2019usage de <strong>solutions anti-spam invisibles<\/strong> pour les utilisateurs et les utilisatrices.<\/p>\n<p class=\"ice-block is-grey\">Pour plus d\u2019informations \u00e0 ce sujet, se r\u00e9f\u00e9rer par exemple \u00e0 l\u2019article \u00ab <a href=\"https:\/\/design.numerique.gouv.fr\/articles\/2024-11-28-captcha-et-accessibilite\/\">Captcha et accessibilit\u00e9\u00a0: Les personnes handicap\u00e9es ne sont pas des robots !<\/a> \u00bb.<\/p>\n<p>Pour prendre un dernier exemple, baliser \u00e0 posteriori des documents PDF d\u00e9j\u00e0 export\u00e9s s\u2019av\u00e8re bien plus co\u00fbteux que de les <strong>concevoir nativement accessibles<\/strong> via les logiciels de PAO (comme InDesign).<\/p>\n<p>Pour conclure et en r\u00e9sum\u00e9\u00a0:<\/p>\n<ul>\n<li>L\u2019accessibilit\u00e9 num\u00e9rique ne doit pas se limiter \u00e0 des actions \u00ab pansements \u00bb correctives, au risque de faire exploser les budgets.<\/li>\n<li>Pour favoriser une prise en compte fluide et p\u00e9renne de l\u2019accessibilit\u00e9 num\u00e9rique, il est imp\u00e9ratif de la consid\u00e9rer nativement \u00e0 chaque \u00e9tape et tout au long de la vie des projets.<\/li>\n<\/ul>\n<p class=\"ice-block is-green\">L\u2019accessibilit\u00e9 num\u00e9rique ne doit pas \u00eatre consid\u00e9r\u00e9e comme une \u00e9tape finale, mais plut\u00f4t comme un <strong>processus continu<\/strong>, un v\u00e9ritable <strong>fil rouge<\/strong> des projets.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00ab&nbsp;L\u2019accessibilit\u00e9 num\u00e9rique ne concerne qu\u2019une minorit\u00e9 de personnes&nbsp;\u00bb, \u00ab&nbsp;L\u2019accessibilit\u00e9 num\u00e9rique bride la cr\u00e9ativit\u00e9 et d\u00e9grade l\u2019exp\u00e9rience des personnes sans handicap&nbsp;\u00bb, \u00ab&nbsp;L\u2019accessibilit\u00e9 num\u00e9rique n\u2019est pas de mon ressort&nbsp;\u00bb, etc.<\/p>\n<p>Ces id\u00e9es re\u00e7ues sont encore malheureusement assez fr\u00e9quentes. Nous vous proposons donc de les d\u00e9construire ensemble \u00e0 travers cet article.<\/p>","protected":false},"author":4,"featured_media":4618,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-4602","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sensibilisation"],"acf":[],"_links":{"self":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/4602","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/comments?post=4602"}],"version-history":[{"count":68,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/4602\/revisions"}],"predecessor-version":[{"id":4746,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/4602\/revisions\/4746"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/media\/4618"}],"wp:attachment":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/media?parent=4602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/categories?post=4602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/tags?post=4602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}