{"id":43,"date":"2023-11-05T14:18:29","date_gmt":"2023-11-05T13:18:29","guid":{"rendered":"https:\/\/chezchris.fr\/accessibilite\/?page_id=43"},"modified":"2023-11-05T14:18:29","modified_gmt":"2023-11-05T13:18:29","slug":"principes","status":"publish","type":"page","link":"https:\/\/chezchris.fr\/accessibilite\/principes\/","title":{"rendered":"Principes"},"content":{"rendered":"\n<p>La WAI (Web Accessibility Initiative) du W3C (World Wide Web Consortium) a d\u00e9fini des normes pour rendre les contenus num\u00e9riques accessibles \u00e0 tous&nbsp;: les WCAG (Web Content Accessibility Guidelines).<\/p>\n\n\n\n<p>Ces normes ont \u00e9t\u00e9 traduites en fran\u00e7ais pour donner le RGAA (R\u00e9f\u00e9rentiel g\u00e9n\u00e9ral d&rsquo;accessibilit\u00e9 pour les administrations) et le r\u00e9f\u00e9rentiel AccessiWeb HTML5\/ARIA, \u00e9dit\u00e9 par l&rsquo;association Braillenet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Principe 1&nbsp;: Perceptible<\/h2>\n\n\n\n<p>L&rsquo;information et les composants de l&rsquo;interface utilisateur doivent \u00eatre pr\u00e9sent\u00e9s \u00e0 l&rsquo;utilisateur de fa\u00e7on \u00e0 ce qu&rsquo;il puisse les percevoir. Cela doit se traduire par le fait de&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Proposer des \u00e9quivalents textuels \u00e0 tout contenu non textuel qui pourra alors \u00eatre pr\u00e9sent\u00e9 sous d&rsquo;autres formes selon les besoins de l&rsquo;utilisateur : grands caract\u00e8res, braille, synth\u00e8se vocale, symboles ou langage simplifi\u00e9.<br>Les \u00e9l\u00e9ments non textuels \u00e0 traiter : les images, les ic\u00f4nes, les boutons graphiques, les zones cliquables ou encore tous les contenus sonores ou vid\u00e9o.<\/li>\n\n\n\n<li>Proposer des versions de remplacement aux m\u00e9dias temporels<br>Exemple : fournir un \u00e9quivalent textuel \u00e0 une vid\u00e9o et\/ou fournir une version sonore des sous-titres.<\/li>\n\n\n\n<li>Cr\u00e9er un contenu qui puisse \u00eatre pr\u00e9sent\u00e9 de diff\u00e9rentes mani\u00e8res sans perte d&rsquo;information ni de structure (par exemple avec une mise en page simplifi\u00e9e).<br>Les utilisateurs voyants peuvent percevoir la structure d&rsquo;une page par diff\u00e9rents indicateurs visuels, les titres sont souvent dans une couleur diff\u00e9rente et dans une taille de caract\u00e8re plus grande, les paragraphes sont s\u00e9par\u00e9s visuellement par des espaces blancs, les listes ont une puce graphique, les informations de m\u00eame nature peuvent \u00eatre group\u00e9s en ayant un fond de couleur sp\u00e9cifique. Ce type d&rsquo;information visuelle doit par exemple pouvoir \u00eatre restitu\u00e9e \u00e0 tous les utilisateurs y compris les personnes non voyantes.<\/li>\n\n\n\n<li>Faciliter la perception visuelle et auditive du contenu par l&rsquo;utilisateur, notamment en s\u00e9parant le premier plan de l&rsquo;arri\u00e8re-plan.<\/li>\n\n\n\n<li>Rendre l&rsquo;information v\u00e9hicul\u00e9e par la couleur perceptible pour tous les utilisateurs en situation de handicap visuel. Notamment, permettre l&rsquo;acc\u00e8s \u00e0 l&rsquo;information aux personnes aveugles, mal voyantes (d\u00e9ficiences de perception des couleurs, d\u00e9g\u00e9n\u00e9rescence maculaire li\u00e9e \u00e0 l&rsquo;\u00e2ge\u2026), utilisant des feuilles de styles personnalis\u00e9es ou ayant un \u00e9cran monochrome ou avec un nombre de couleurs limit\u00e9.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Principe 2&nbsp;: Utilisable<\/h2>\n\n\n\n<p>Les composants de l&rsquo;interface utilisateur et de navigation doivent \u00eatre utilisables. Cela doit se traduire par le fait de&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Rendre toutes les fonctionnalit\u00e9s accessibles au clavier.<br>Certains utilisateurs ayant un handicap moteur ou visuel n&rsquo;utiliseront par exemple que le clavier ou un p\u00e9riph\u00e9rique adapt\u00e9 pour naviguer. De plus, il est \u00e0 noter que de nombreux terminaux mobiles ne proposent pas d&rsquo;interface souris mais uniquement une interface clavier.<\/li>\n\n\n\n<li>Laisser \u00e0 l&rsquo;utilisateur suffisamment de temps pour lire et utiliser le contenu.<br>Certaines personnes souffrant d&rsquo;incapacit\u00e9s mentales ou visuelles peuvent avoir besoin de plus de temps pour lire un texte. Les limites de temps peuvent rendre impossible la lecture ou la manipulation de l&rsquo;interface pour ces personnes.<\/li>\n\n\n\n<li>Ne pas concevoir de contenu susceptible de provoquer des crises.<br>A certaines fr\u00e9quences, les changements brusques de luminosit\u00e9 des couleurs \u00e0 l&rsquo;\u00e9cran, comme les effets stroboscopiques (flash), peuvent provoquer chez certains utilisateurs des crises d&rsquo;\u00e9pilepsie.<\/li>\n\n\n\n<li>Fournir \u00e0 l&rsquo;utilisateur des \u00e9l\u00e9ments d&rsquo;orientation pour naviguer, trouver le contenu et se situer dans le site.<br>Les personnes utilisant un lecteur d&rsquo;\u00e9cran, un agrandisseur, les personnes qui ont une limitation cognitive ou celles qui ne se servent que du clavier pour cause de limitation motrice lisent la page de mani\u00e8re lin\u00e9aire. De ce fait, des liens internes \u00e0 la page ou les titres de hi\u00e9rarchie leur permettent soit d&rsquo;acc\u00e9der directement \u00e0 l&rsquo;information qui les int\u00e9resse, soit de sauter d&rsquo;autres informations qui ne les int\u00e9ressent pas et de gagner ainsi un temps pr\u00e9cieux.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Principe 3&nbsp;: Compr\u00e9hensible<\/h2>\n\n\n\n<p>Les informations et l&rsquo;utilisation de l&rsquo;interface utilisateur doivent \u00eatre compr\u00e9hensibles. Cela doit se traduire par le fait de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Rendre le contenu textuel lisible et compr\u00e9hensible.<br>Permettre aux navigateurs, aux aides techniques et aux autres agents utilisateurs de disposer des informations n\u00e9cessaires \u00e0 la restitution correcte du contenu quelle que soit la langue<\/li>\n\n\n\n<li>Faire en sorte que les pages apparaissent et fonctionnent de mani\u00e8re pr\u00e9visible.<br>Permettre aux utilisateurs d&rsquo;anticiper le r\u00e9sultat de leurs actions lorsqu&rsquo;ils interagissent avec le contenu notamment lorsqu&rsquo;ils naviguent au clavier au travers de l&rsquo;interface<\/li>\n\n\n\n<li>Aider l&rsquo;utilisateur \u00e0 \u00e9viter et \u00e0 corriger les erreurs de saisie.<br>Permettre aux utilisateurs d&rsquo;\u00eatre alert\u00e9s en cas d&rsquo;erreurs de saisie et d&rsquo;identifier celles-ci. Le message d&rsquo;erreur doit \u00eatre aussi pr\u00e9cis que possible. En effet, dans certain cas r\u00e9-afficher le formulaire en indiquant uniquement \u00ab\u00a0erreur de saisie\u00a0\u00bb ne suffira pas notamment lorsque les champs en question n\u00e9cessitent un format ou un type de saisie sp\u00e9cifique.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Principe 4 : Robuste<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le contenu doit \u00eatre suffisamment robuste pour \u00eatre interpr\u00e9t\u00e9 de mani\u00e8re fiable par une large vari\u00e9t\u00e9 d&rsquo;agents utilisateurs, y compris les technologies d&rsquo;assistance. Cela doit se traduire par le fait d&rsquo;optimiser la compatibilit\u00e9 avec les agents utilisateurs actuels et futurs, y compris les technologies d&rsquo;assistance.<\/li>\n\n\n\n<li>Les pages doivent \u00eatre valides HTML ou XHTML. Chaque page doit avoir un titre pertinent. Les documents mis \u00e0 disposition sur le site doivent \u00eatre eux-m\u00eames accessibles.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>La WAI (Web Accessibility Initiative) du W3C (World Wide Web Consortium) a d\u00e9fini des normes pour rendre les contenus num\u00e9riques accessibles \u00e0 tous&nbsp;: les WCAG (Web Content Accessibility Guidelines). Ces normes ont \u00e9t\u00e9 traduites en fran\u00e7ais pour donner le RGAA (R\u00e9f\u00e9rentiel g\u00e9n\u00e9ral d&rsquo;accessibilit\u00e9 pour les administrations) et le r\u00e9f\u00e9rentiel AccessiWeb HTML5\/ARIA, \u00e9dit\u00e9 par l&rsquo;association Braillenet. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/chezchris.fr\/accessibilite\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chezchris.fr\/accessibilite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chezchris.fr\/accessibilite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chezchris.fr\/accessibilite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chezchris.fr\/accessibilite\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":1,"href":"https:\/\/chezchris.fr\/accessibilite\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/chezchris.fr\/accessibilite\/wp-json\/wp\/v2\/pages\/43\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/chezchris.fr\/accessibilite\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}