{"id":2125,"date":"2025-04-18T16:04:00","date_gmt":"2025-04-18T14:04:00","guid":{"rendered":"https:\/\/react-culture.eu\/get-certified\/1-1-7-identifier-les-obstacles-a-laccessibilite-numerique\/"},"modified":"2025-06-04T17:20:17","modified_gmt":"2025-06-04T15:20:17","slug":"1-1-7-identifier-les-obstacles-a-laccessibilite-numerique","status":"publish","type":"grain","link":"https:\/\/react-culture.eu\/fr\/obtenir-un-certificat\/1-1-7-identifier-les-obstacles-a-laccessibilite-numerique\/","title":{"rendered":"1.1.7 Identifier les obstacles \u00e0 l\u2019accessibilit\u00e9 num\u00e9rique"},"content":{"rendered":"\n<p>Les difficult\u00e9s mentionn\u00e9es pr\u00e9c\u00e9demment se traduisent par de <strong>nombreux obstacles \u00e0 l\u2019accessibilit\u00e9 num\u00e9rique<\/strong>, qui peuvent concerner aussi bien les personnes en situation de handicap que celles issues de contextes culturels vari\u00e9s ou appartenant \u00e0 diff\u00e9rentes g\u00e9n\u00e9rations. Lorsqu\u2019ils interagissent avec les outils num\u00e9riques des mus\u00e9es, ces publics peuvent rencontrer des freins sp\u00e9cifiques. Voici plusieurs obstacles auxquels font face les personnes ayant une d\u00e9ficience intellectuelle\u202f: <\/p>\n\n<ul class=\"wp-block-list\">\n<li>Un langage trop complexe sur les sites web (vocabulaire utilis\u00e9, tournures de phrases, type et taille de la police, mise en page, pr\u00e9sence ou non d\u2019illustrations, de symboles ou de photos). <\/li>\n\n\n\n<li>Des interfaces trop dynamiques ou complexes \u00e0 manipuler, en particulier sur les pages web ou les \u00e9crans d&rsquo;applications mobiles. <\/li>\n\n\n\n<li>Un manque de supports graphiques pour accompagner les textes (dessins, ic\u00f4nes, sch\u00e9mas, pictogrammes). <\/li>\n\n\n\n<li>Une utilisation trop rare de technologies audio et vid\u00e9o (enregistrements, fichiers accessibles en ligne), alors que ces publics privil\u00e9gient souvent l\u2019\u00e9coute et la visualisation \u00e0 la lecture. <\/li>\n\n\n\n<li>L\u2019absence de guides pr\u00e9paratoires en ligne pr\u00e9sentant le lieu et les r\u00e8gles de visite (particuli\u00e8rement utiles aux personnes autistes pour se projeter, anticiper et apprivoiser l\u2019espace) <\/li>\n\n\n\n<li>Des supports multim\u00e9dias mal adapt\u00e9s, par exemple lors d\u2019ateliers (les images doivent \u00eatre affich\u00e9es en plein \u00e9cran, sans \u00e9l\u00e9ments parasites comme des ic\u00f4nes superpos\u00e9es). <\/li>\n\n\n\n<li>Une trop faible mobilisation du multim\u00e9dia comme outil d\u2019engagement aupr\u00e8s des personnes en situation de handicap intellectuel. <\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"609\" height=\"609\" src=\"https:\/\/react-culture.eu\/wp-content\/uploads\/2025\/04\/image.jpeg\" alt=\"\" class=\"wp-image-1562\" srcset=\"https:\/\/react-culture.eu\/wp-content\/uploads\/2025\/04\/image.jpeg 609w, https:\/\/react-culture.eu\/wp-content\/uploads\/2025\/04\/image-480x480.jpeg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 609px, 100vw\" \/><\/figure>\n\n<p>Source de l&rsquo;image : Freepik <\/p>\n\n<p><strong>En r\u00e9sum\u00e9, pour concevoir un site web v\u00e9ritablement accessible, il est essentiel de :<\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Fournir une alternative textuelle \u00e0 tout contenu non textuel. <\/li>\n\n\n\n<li>Pr\u00e9voir des audiodescriptions et des sous-titres pour les contenus multim\u00e9dias. <\/li>\n\n\n\n<li>Veiller \u00e0 ce que l&rsquo;information soit traitable par des outils automatiques (synth\u00e8ses vocales, lecteurs d\u2019\u00e9cran). <\/li>\n\n\n\n<li>Rendre le contenu facilement distinguable du fond. <\/li>\n\n\n\n<li>Permettre l&rsquo;acc\u00e8s \u00e0 toutes les fonctionnalit\u00e9s via le clavier. <\/li>\n\n\n\n<li>Laisser \u00e0 l\u2019utilisateur le temps n\u00e9cessaire pour lire ou \u00e9couter les informations. <\/li>\n\n\n\n<li>Mettre en place un syst\u00e8me de navigation clair et coh\u00e9rent pour le site internet. <\/li>\n\n\n\n<li>Identifier et signaler tout contenu susceptible de provoquer des crises d\u2019\u00e9pilepsie (clignotements, flashs). <\/li>\n\n\n\n<li>Donner la possibilit\u00e9 de modifier la taille des caract\u00e8res. <\/li>\n\n\n\n<li>Assurer un comportement pr\u00e9visible du site (pas de surprises lors de l\u2019interaction). <\/li>\n\n\n\n<li>Accompagner l\u2019utilisateur lors de la saisie de donn\u00e9es (ex. : messages d\u2019aide, d\u00e9tection d\u2019erreurs). <\/li>\n\n\n\n<li>Cr\u00e9er un site fiable, respectant les normes techniques en vigueur. <\/li>\n<\/ol>\n\n<p><strong>Comment \u00e9valuer l\u2019accessibilit\u00e9 actuelle du contenu num\u00e9rique propos\u00e9 par les mus\u00e9es ? Voici une s\u00e9lection d\u2019outils de d\u00e9tection des obstacles \u00e0 l\u2019accessibilit\u00e9 num\u00e9rique, en particulier pour les contenus visuels et textuels : <\/strong> <\/p>\n\n<ul class=\"wp-block-list\">\n<li>Tests automatiques (d\u00e9tectent uniquement certains types d\u2019erreurs). <\/li>\n\n\n\n<li>Validator \u2013 valide le code HTML d\u2019une page selon les normes HTML\/XHTML. <\/li>\n\n\n\n<li><a href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wave <\/a>&#8211; surligne rapidement les zones \u00e0 am\u00e9liorer. <\/li>\n\n\n\n<li><a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview?hl=pl\" target=\"_blank\" rel=\"noreferrer noopener\">Google Lighthouse<\/a> &#8211; outil int\u00e9gr\u00e9 au navigateur Chrome, incluant un module pour analyser l\u2019accessibilit\u00e9. <\/li>\n\n\n\n<li><a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebAIM&rsquo;s Contrast Checker<\/a> &#8211; v\u00e9rifie les contrastes de couleurs. <\/li>\n\n\n\n<li><a href=\"https:\/\/pa11y.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pat11Y<\/a> &#8211; outil principalement destin\u00e9 aux d\u00e9veloppeurs. <\/li>\n\n\n\n<li><a href=\"https:\/\/accessibilityinsights.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility Insights<\/a> &#8211; bo\u00eete \u00e0 outils propos\u00e9e par Microsoft. Pour tester l\u2019accessibilit\u00e9 num\u00e9rique. <\/li>\n\n\n\n<li><a href=\"https:\/\/open-indy.github.io\/Koa11y\/\" target=\"_blank\" rel=\"noreferrer noopener\">Koa11Y<\/a> &#8211; application de bureau qui d\u00e9tecte automatiquement les probl\u00e8mes d\u2019accessibilit\u00e9. <\/li>\n<\/ul>\n","protected":false},"template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"grain_category":[68],"lesson":[89],"class_list":["post-2125","grain","type-grain","status-publish","hentry","grain_category-passive-fr","lesson-1-1-laccessibilite-numerique-dans-le-secteur-des-musees"],"acf":[],"_links":{"self":[{"href":"https:\/\/react-culture.eu\/fr\/wp-json\/wp\/v2\/grain\/2125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/react-culture.eu\/fr\/wp-json\/wp\/v2\/grain"}],"about":[{"href":"https:\/\/react-culture.eu\/fr\/wp-json\/wp\/v2\/types\/grain"}],"wp:attachment":[{"href":"https:\/\/react-culture.eu\/fr\/wp-json\/wp\/v2\/media?parent=2125"}],"wp:term":[{"taxonomy":"grain_category","embeddable":true,"href":"https:\/\/react-culture.eu\/fr\/wp-json\/wp\/v2\/grain_category?post=2125"},{"taxonomy":"lesson","embeddable":true,"href":"https:\/\/react-culture.eu\/fr\/wp-json\/wp\/v2\/lesson?post=2125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}