{"id":1744,"date":"2019-10-29T10:37:38","date_gmt":"2019-10-29T09:37:38","guid":{"rendered":"http:\/\/blog.mozilla.org\/press-fr\/?p=1744"},"modified":"2019-10-30T22:07:33","modified_gmt":"2019-10-30T21:07:33","slug":"linspecteur-daccessibilite-de-mozilla-aide-les-developpeurs-a-rendre-leurs-sites-web-et-leurs-contenus-accessibles-a-tous-et-toutes","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/press-fr\/2019\/10\/29\/linspecteur-daccessibilite-de-mozilla-aide-les-developpeurs-a-rendre-leurs-sites-web-et-leurs-contenus-accessibles-a-tous-et-toutes\/","title":{"rendered":"L\u2019inspecteur d\u2019accessibilit\u00e9 de Mozilla permet de rendre les sites web et leurs contenus accessibles \u00e0 tous et toutes"},"content":{"rendered":"<p>Chez Mozilla, nous consid\u00e9rons qu\u2019Internet doit \u00eatre ouvert et accessible \u00e0 tous et toutes, et ce partout dans le monde. D\u00e9velopper pour le Web de fa\u00e7on accessible permet au plus grand nombre d\u2019internautes d\u2019acc\u00e9der \u00e0 des sites internet, y compris pour les personnes ayant un handicap. Pour beaucoup, la technologie rend les choses plus faciles ; pour les personnes ayant un handicap, elle les rend possibles.<\/p>\n<p>Mozilla a, depuis toujours, promu l\u2019accessibilit\u00e9 sur le Web. L\u2019ann\u00e9e derni\u00e8re, nous avons \u00e9t\u00e9 heureux de constater que la <a href=\"https:\/\/eur-lex.europa.eu\/legal-content\/FR\/TXT\/HTML\/?uri=CELEX:32016L2102&amp;from=EN\">directive europ\u00e9enne sur l\u2019accessibilit\u00e9 des sites Internet et des applications mobiles des organismes du secteur public<\/a> \u2013 dans le cadre de <a href=\"https:\/\/ec.europa.eu\/social\/main.jsp?catId=1202&amp;langId=fr\">l\u2019acte l\u00e9gislatif europ\u00e9en sur l\u2019accessibilit\u00e9<\/a> \u2013 a \u00e9t\u00e9 transcrite dans la loi de chaque \u00c9tat membre. La directive impose que tous les sites internet du secteur public \u2013 sur ordinateur, mobile, ainsi que les applications &#8211; doivent suivre <a href=\"https:\/\/www.w3.org\/WAI\/\">l\u2019initiative d\u2019acc\u00e8s au Web (WAI) du W3C<\/a>. Le changement doit se faire progressivement, au plus tard en septembre 2020 pour les sites internet et en juin 2021 pour les applications.<\/p>\n<p>Nous nous engageons \u00e0 aider les d\u00e9veloppeurs \u00e0 rendre leurs contenus accessibles, et ce quelles que soient les capacit\u00e9s physiques et cognitives d\u2019une personne et la mani\u00e8re dont elle acc\u00e8de \u00e0 Internet. C\u2019est la raison pour laquelle nous avons d\u00e9velopp\u00e9 un ensemble d\u2019outils et de fonctionnalit\u00e9s appel\u00e9s <a href=\"https:\/\/developer.mozilla.org\/fr\/docs\/Outils\/Inspecteur_accessibilite\">inspecteur de l\u2019accessibilit\u00e9<\/a>, qui permet aux gestionnaires de sites web et aux d\u00e9veloppeurs et d\u00e9veloppeuses de tester le niveau d\u2019accessibilit\u00e9 de leurs sites internet et de r\u00e9soudre les probl\u00e8mes les plus courants.<\/p>\n<p>Avec le lancement de <a href=\"https:\/\/blog.mozilla.org\/press-fr\/2019\/10\/22\/firefox-70-les-internautes-peuvent-dorenavant-pister-les-traqueurs-qui-les-suivent\/\">Firefox 70<\/a>, nous avons ajout\u00e9 plusieurs nouvelles fonctionnalit\u00e9s d\u00e9sormais disponibles dans les outils de d\u00e9veloppement Firefox. Ci-dessous les principaux outils<span style=\"white-space: nowrap;\">\u2009<\/span>:<\/p>\n<ul>\n<li><strong>Contr\u00f4les au clavier<\/strong><span style=\"white-space: nowrap;\">\u2009<\/span>: les probl\u00e8mes de navigation au clavier et d\u2019acuit\u00e9 visuelle cr\u00e9ent souvent des difficult\u00e9s d\u2019accessibilit\u00e9 pour divers types d\u2019utilisateurs et utilisatrices. Firefox int\u00e8gre d\u00e9sormais un correcteur pour les probl\u00e8mes courants li\u00e9s au clavier et \u00e0 l\u2019acuit\u00e9, tout en expliquant comment les r\u00e9soudre.<\/li>\n<li><strong>Contraste<\/strong><span style=\"white-space: nowrap;\">\u2009<\/span>: l\u2019inspecteur d\u2019accessibilit\u00e9 permet de v\u00e9rifier le contraste des couleurs en pleine page. Il examine aussi les trois types de probl\u00e8mes de contraste des couleurs identifi\u00e9s par les r\u00e8gles pour l\u2019accessibilit\u00e9 des contenus web 2.1.<\/li>\n<li><strong>Simulateur de d\u00e9ficience de perception des couleurs<\/strong><span style=\"white-space: nowrap;\">\u2009<\/span>: Firefox int\u00e8gre d\u00e9sormais un nouvel outil qui simule sept types de d\u00e9ficiences de perception des couleurs (ou daltonisme). Les personnes d\u00e9veloppant des sites web peuvent ainsi avoir un aper\u00e7u de la mani\u00e8re dont les personnes souffrant d&rsquo;un handicap visuel verraient la page. De plus, il permet aux d\u00e9veloppeurs de savoir s\u2019ils ont color\u00e9 quelque chose sans offrir d\u2019alternative, et qui ne pourrait pas \u00eatre per\u00e7u par une personne souffrant de daltonisme.<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1745 size-large\" src=\"https:\/\/blog.mozilla.org\/press-fr\/files\/2019\/10\/Mozilla-600x241.png\" alt=\"Screenshot of the mozilla.org website with the Accessibility Inspector turned on\" width=\"600\" height=\"241\" srcset=\"https:\/\/blog.mozilla.org\/press-fr\/files\/2019\/10\/Mozilla-600x241.png 600w, https:\/\/blog.mozilla.org\/press-fr\/files\/2019\/10\/Mozilla-300x121.png 300w, https:\/\/blog.mozilla.org\/press-fr\/files\/2019\/10\/Mozilla-768x309.png 768w, https:\/\/blog.mozilla.org\/press-fr\/files\/2019\/10\/Mozilla.png 943w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<ul>\n<li><strong>S\u00e9lecteur d\u2019accessibilit\u00e9<\/strong><span style=\"white-space: nowrap;\">\u2009<\/span>: les internautes utilisant une souris pourront analyser les \u00e9l\u00e9ments d\u2019un site web \u00e0 l\u2019aide du s\u00e9lecteur d\u2019accessibilit\u00e9, un outil qui met en \u00e9vidence un \u00e9l\u00e9ment et affiche ses propri\u00e9t\u00e9s. Firefox affiche une barre d\u2019information qui montre le nom, la fonction et le rapport de contraste des couleurs de l\u2019\u00e9l\u00e9ment.<\/li>\n<\/ul>\n<p>Pour en savoir plus sur les derniers outils de l\u2019Inspecteur d\u2019accessibilit\u00e9, consultez <a href=\"https:\/\/hacks.mozilla.org\/2019\/10\/auditing-for-accessibility-problems-with-firefox-developer-tools\/\">le blog Hacks de Mozilla<\/a> (en anglais).<\/p>\n<p>L\u2019Inspecteur d\u2019accessibilit\u00e9 est disponible par d\u00e9faut depuis le lancement de Firefox 63 et a \u00e9t\u00e9 continuellement d\u00e9velopp\u00e9 depuis lors.<\/p>\n<p><strong>\u00c0 propos de la communaut\u00e9 A11y de Mozilla<\/strong><span style=\"white-space: nowrap;\">\u2009<\/span><strong>:<\/strong><\/p>\n<p>Si le Web a \u00e9t\u00e9 con\u00e7u pour \u00eatre accessible pour tout le monde, nous veillons \u00e0 n\u2019exclure personne afin que chacun puisse b\u00e9n\u00e9ficier de son contenu et d\u00e9veloppement. Mozilla a une communaut\u00e9 d\u00e9vou\u00e9e, compos\u00e9e d\u2019une centaine de b\u00e9n\u00e9voles passionn\u00e9\u00b7e\u00b7s qui ont des besoins sp\u00e9cifiques en mati\u00e8re d\u2019acc\u00e8s et de d\u00e9veloppement pour Internet<span style=\"white-space: nowrap;\">\u2009<\/span>: A11y. A11y est une abr\u00e9viation reconnue qui fait r\u00e9f\u00e9rence \u00e0 l\u2019interaction homme-machine, en particulier \u00e0 l\u2019accessibilit\u00e9 du Web chez les personnes souffrant d&rsquo;un handicap. A11y d\u00e9signe \u00e9galement la r\u00e9f\u00e9rence \u00e0 la communaut\u00e9 d\u2019expert\u00b7e\u00b7s en accessibilit\u00e9 chez Mozilla.<\/p>\n<p>Certains membres de la communaut\u00e9 A11y de Mozilla ont des degr\u00e9s divers de d\u00e9ficience visuelle, certains \u00e9tant aveugles et d\u2019autres ayant des d\u00e9ficiences motrices qui peuvent compliquer certaines t\u00e2ches quotidiennes en ligne. L\u2019\u00e9quipe Firefox A11y de Mozilla se consacre \u00e0 l\u2019ensemble de l\u2019\u00e9cosyst\u00e8me de l\u2019accessibilit\u00e9 du Web, en influant aussi bien sur les normes Web du W3C, que sur le d\u00e9veloppement de navigateurs et l\u2019\u00e9vang\u00e9lisation, la collaboration avec et en soutien des technologies d\u2019assistance.<\/p>\n<p><strong>Liens utiles<\/strong> <strong>:<\/strong><\/p>\n<ul>\n<li>Hacks : <a href=\"https:\/\/hacks.mozilla.org\/2019\/10\/auditing-for-accessibility-problems-with-firefox-developer-tools\/\">Auditing For Accessibility Problems<\/a><\/li>\n<li>MDN : <a href=\"https:\/\/developer.mozilla.org\/fr\/docs\/Outils\/Inspecteur_accessibilite\">inspecteur d\u2019accessibilit\u00e9<\/a><\/li>\n<li>MDN : <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Accessibility\/Understanding_WCAG\">Understanding the Web Content Accessibility Guidelines<\/a><\/li>\n<li>Pr\u00e9sentation <a href=\"https:\/\/www.youtube.com\/watch?v=DhSpU_IJuR0\">\u00ab Auditing for Accessibility \u00bb<\/a> : une vid\u00e9o d\u2019Inclusive Design 24 (vid\u00e9o YouTube, du 10 octobre 2019 de 40 minutes) de Marco Zehe, Senior Accessibility QA Engineer &amp; Evangelist chez Mozilla<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Chez Mozilla, nous consid\u00e9rons qu\u2019Internet doit \u00eatre ouvert et accessible \u00e0 tous et toutes, et ce partout dans le monde. D\u00e9velopper pour le Web de fa\u00e7on accessible permet au plus &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/press-fr\/2019\/10\/29\/linspecteur-daccessibilite-de-mozilla-aide-les-developpeurs-a-rendre-leurs-sites-web-et-leurs-contenus-accessibles-a-tous-et-toutes\/\">Lire la suite<\/a><\/p>\n","protected":false},"author":1679,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,24660,1,5],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/press-fr\/wp-json\/wp\/v2\/posts\/1744"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/press-fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/press-fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-fr\/wp-json\/wp\/v2\/users\/1679"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-fr\/wp-json\/wp\/v2\/comments?post=1744"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/press-fr\/wp-json\/wp\/v2\/posts\/1744\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/press-fr\/wp-json\/wp\/v2\/media?parent=1744"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-fr\/wp-json\/wp\/v2\/categories?post=1744"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-fr\/wp-json\/wp\/v2\/tags?post=1744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}