{"id":661,"date":"2025-04-02T13:59:16","date_gmt":"2025-04-02T11:59:16","guid":{"rendered":"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/?page_id=661"},"modified":"2025-04-16T09:30:24","modified_gmt":"2025-04-16T07:30:24","slug":"accessibilite-numerique","status":"publish","type":"page","link":"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/accessibilite-numerique\/","title":{"rendered":"Accessibilit\u00e9 num\u00e9rique"},"content":{"rendered":"\n<div class=\"wp-block-group lg-tac is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-left has-xl-font-size\"><strong>Les b\u00e9n\u00e9fices d&rsquo;un site accessible<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-left lg-w70 m0-auto has-s-font-size\">L\u2019accessibilit\u00e9 num\u00e9rique pr\u00e9sente de nombreux avantages au-del\u00e0 de l\u2019inclusion des personnes en situation de handicap et\/ou handicap\u00e9es :<\/p>\n<\/div>\n\n\n\n              \n     \n<div class=\"wp-block__enrichi__encarts align  is-style-circle mb3 contain access-intro mt0 is-style-default\">\n     <div class=\"contenu\">\n\n\n            \n        <div class=\"flex sm-f-fdc lg-f-aic f-gap2 lg-f-gap6  w100\">\n\n         <div class=\"relative w100 f-1 b_radius \">\n            <div class=\"img--fond b_radius ratio\">\n                 <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/wp-content\/uploads\/sites\/3\/2025\/04\/Accessibilites.svg\" srcset=\"\" alt=\"\" width=\"400\" height=\"400\" alt=\"\">\n            <\/div>\n            <\/div>\n\n\n\n    <div class=\"f-1\">\n    \n    <div class=\"grid c1 lg-c2 cg1\">\n        \n\n\n        <div class=\"card flex f-fdc f-jcfs has-light-background-color p2  b_radius\">\n            \n            \n       \n            <h3 class=\"fw7 fs-m m0\">Exp\u00e9rience utilisateur <br><span class=\"has-accent-color\">am\u00e9lior\u00e9e<\/span><\/h3>\n                        <p class=\"tease__excerpt\">Un site accessible doit \u00eatre \u00ab\u00a0pens\u00e9\u00a0\u00bb. Ce travail de r\u00e9flexion permet, par extension d&rsquo;am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur globale.<\/p>\n                    <\/div>\n\n     \n\n\n        <div class=\"card flex f-fdc f-jcfs has-light-background-color p2  b_radius\">\n            \n            \n       \n            <h3 class=\"fw7 fs-m m0\">Meilleur <br><span class=\"has-accent-color\">r\u00e9f\u00e9rencement naturel (SEO)<\/span><\/h3>\n                        <p class=\"tease__excerpt\">La conception \u00e0 vis\u00e9e universelle permet de questionner le contenu, l&rsquo;arborescence et d&rsquo;am\u00e9liorer le code, ce qui a une r\u00e9percussion positive sur le SEO.<\/p>\n                    <\/div>\n\n     \n\n\n        <div class=\"card flex f-fdc f-jcfs has-light-background-color p2  b_radius\">\n            \n            \n       \n            <h3 class=\"fw7 fs-m m0\">Respect des <br><span class=\"has-accent-color\">obligations l\u00e9gales<\/span><\/h3>\n                        <p class=\"tease__excerpt\">Les fonctionnalit\u00e9s essentielles sont pr\u00e9sentes dans notre solution : nous les configurons en fonction de vos besoins sp\u00e9cifiques.<\/p>\n                    <\/div>\n\n     \n\n\n        <div class=\"card flex f-fdc f-jcfs has-light-background-color p2  b_radius\">\n            \n            \n       \n            <h3 class=\"fw7 fs-m m0\">Respect des <br><span class=\"has-accent-color\">obligations l\u00e9gales<\/span><\/h3>\n                        <p class=\"tease__excerpt\">Nous pouvons d\u00e9ployer un site en quelques semaines seulement gr\u00e2ce \u00e0 notre solution pens\u00e9e \u00e0 destination des collectivit\u00e9s locales.<\/p>\n                    <\/div>\n\n         <\/div>\n\n    \n\n\n       \n           \n   <\/div>\n<\/div>\n      <\/div>\n<\/div>\n\n\n\n\n<div class=\"wp-block-group b_radius has-light-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>Pr\u00e9rogatives des collectivit\u00e9s territoriales<\/strong><\/h2>\n\n\n\n<p class=\"has-s-font-size\">Les collectivit\u00e9s territoriales ont un r\u00f4le central dans la mise en \u0153uvre de l\u2019accessibilit\u00e9 num\u00e9rique. En tant qu\u2019acteurs publics, elles ont l\u2019obligation d\u2019assurer un acc\u00e8s \u00e9quitable aux services en ligne pour tous les citoyens, y compris les personnes en situation de handicap.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Responsabilit\u00e9s des collectivit\u00e9s<\/h3>\n\n\n\n<ul class=\"wp-block-list liste-enrichie\">\n<li><strong>Conformit\u00e9 l\u00e9gale<\/strong> : garantir que leurs sites web et services num\u00e9riques respectent les exigences du RGAA.<\/li>\n\n\n\n<li><strong>Sensibilisation et formation<\/strong> : accompagner les agents et les contributeurs \u00e0 l\u2019accessibilit\u00e9 num\u00e9rique.<\/li>\n\n\n\n<li><strong>Am\u00e9lioration continue<\/strong> : <a href=\"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/evaluation-daccessibilite-et-rgaa\/\">r\u00e9aliser des audits r\u00e9guliers<\/a> et adapter les outils num\u00e9riques aux besoins des usagers.<\/li>\n\n\n\n<li><strong>Accessibilit\u00e9 des d\u00e9marches administratives<\/strong> : assurer que tous les formulaires et services en ligne soient utilisables par tous.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Cadre r\u00e9glementaire<\/h3>\n\n\n\n<p>En France, le d\u00e9cret d\u2019application du 24 juillet 2019 fixe les obligations en mati\u00e8re d\u2019accessibilit\u00e9 num\u00e9rique et les d\u00e9lais de mise en conformit\u00e9. Il impose notamment :<\/p>\n\n\n\n<ul class=\"wp-block-list liste-enrichie\">\n<li>La conformit\u00e9 des sites et applications \u00e0 la norme europ\u00e9enne <strong>EN 301 549<\/strong> en vigueur.<\/li>\n\n\n\n<li>La publication d\u2019une <strong>d\u00e9claration d\u2019accessibilit\u00e9<\/strong>.<\/li>\n\n\n\n<li>La mise en place d\u2019un <strong>moyen de contact d\u00e9di\u00e9<\/strong> et d\u2019une assistance aux utilisateurs.<\/li>\n\n\n\n<li>L\u2019affichage d\u2019une <strong>mention obligatoire du statut de conformit\u00e9 RGAA<\/strong> sur la page d\u2019accueil.<\/li>\n\n\n\n<li>La publication d\u2019un <strong>sch\u00e9ma de mise en accessibilit\u00e9 pluriannuel<\/strong>, d\u2019une dur\u00e9e maximale de trois ans, d\u00e9taillant la politique d\u2019accessibilit\u00e9 num\u00e9rique et les moyens mis en \u0153uvre.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n    \n<div class=\"wp-block__exergue flex relative f-gap6 align b_radius has-background has-primary-background-color \">\n\n          <svg class=\"shape_exergue\" width=\"748\" height=\"298\" viewBox=\"0 0 748 298\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M-50 82.167C-6.5 13.667 198.97 -38.8332 292 114.666C372 246.666 461 222.166 543 203.666C625 185.166 709.5 203.666 732.5 294.167\" stroke=\"white\" stroke-opacity=\"0.1\" stroke-width=\"30\"\/>\n<\/svg>\n\n    \n     \n          <div class=\"contenu flex lg-f-gap6 f-jcsb f-aic sm-f-fdc  has-body-color\">\n        \n         <div>\n               <h2 class=\"fw7 fs-xl\">Un enjeu d\u2019inclusion et de <span class=\"has-accent-2-color\">modernisation<\/span><\/h2>\n\n                      <\/div>\n\n           <div>\n               <p>L\u2019accessibilit\u00e9 num\u00e9rique ne se limite pas \u00e0 une contrainte r\u00e9glementaire ; elle est aussi une opportunit\u00e9 pour les collectivit\u00e9s d\u2019am\u00e9liorer l\u2019exp\u00e9rience des usagers, de renforcer la transparence et de moderniser leurs services publics.<\/p>\n<p>En garantissant l\u2019accessibilit\u00e9 des sites municipaux et intercommunaux, elles facilitent l\u2019acc\u00e8s aux informations locales et encouragent la participation citoyenne.<\/p>\n\n           <\/div>\n\n\n          <\/div>\n\n  \n    <\/div>\n\n\n\n\n<div class=\"wp-block-group b_radius mt2 is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>Am\u00e9liorer l\u2019accessibilit\u00e9 : quelques bonnes pratiques<\/strong><\/h2>\n\n\n\n<p class=\"has-s-font-size\">Plusieurs actions permettent d\u2019<strong>am\u00e9liorer l\u2019accessibilit\u00e9 d\u2019un site web<\/strong> :<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<ul class=\"wp-block-list liste-enrichie\">\n<li><strong>Alternatives textuelles<\/strong> : ajouter des descriptions textuelles aux images et aux vid\u00e9os pour les rendre compr\u00e9hensibles aux lecteurs d&rsquo;\u00e9cran.<\/li>\n\n\n\n<li><strong>Contrastes renforc\u00e9s<\/strong> : utiliser des couleurs et des typographies suffisamment contrast\u00e9es pour une meilleure lisibilit\u00e9.<\/li>\n\n\n\n<li><strong>Navigation optimis\u00e9e<\/strong> : permettre une navigation fluide au clavier, sans recours obligatoire \u00e0 la souris.<\/li>\n\n\n\n<li><strong>Langage clair<\/strong> : r\u00e9diger des textes clairs et accessibles au plus grand nombre.<br><br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Rappel<\/strong><\/h2>\n\n\n\n<p>Les sites de collectivit\u00e9s locales \u00e9tant dans l&rsquo;obligation l\u00e9gale de mise en accessibilit\u00e9 de leurs services num\u00e9riques, ces quelques bonnes pratiques sont \u00e0 int\u00e9grer dans une conception en accord avec les crit\u00e8res du <strong>R\u00e9f\u00e9rentiel G\u00e9n\u00e9ral d&rsquo;Am\u00e9lioration de l&rsquo;Accessibilit\u00e9.<\/strong><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Les b\u00e9n\u00e9fices d&rsquo;un site accessible L\u2019accessibilit\u00e9 num\u00e9rique pr\u00e9sente de nombreux avantages au-del\u00e0 de l\u2019inclusion des personnes en situation de handicap et\/ou handicap\u00e9es : Pr\u00e9rogatives des collectivit\u00e9s territoriales Les collectivit\u00e9s territoriales ont un r\u00f4le central dans la mise en \u0153uvre de l\u2019accessibilit\u00e9 num\u00e9rique. En tant qu\u2019acteurs publics, elles ont l\u2019obligation d\u2019assurer un acc\u00e8s \u00e9quitable aux services [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tpl-page-classique.php","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-661","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/wp-json\/wp\/v2\/pages\/661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/wp-json\/wp\/v2\/comments?post=661"}],"version-history":[{"count":5,"href":"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/wp-json\/wp\/v2\/pages\/661\/revisions"}],"predecessor-version":[{"id":1093,"href":"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/wp-json\/wp\/v2\/pages\/661\/revisions\/1093"}],"wp:attachment":[{"href":"https:\/\/roquette-multi.tatooine-dev.space\/collectivites\/wp-json\/wp\/v2\/media?parent=661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}