{"id":79,"date":"2005-10-27T21:32:06","date_gmt":"2005-10-27T21:32:06","guid":{"rendered":"http:\/\/graphideo\/wp284\/?p=79"},"modified":"2009-10-23T11:40:55","modified_gmt":"2009-10-23T09:40:55","slug":"l-accessibilite-des-sites","status":"publish","type":"post","link":"http:\/\/www.graphideo.com\/blog\/2005\/10\/27\/l-accessibilite-des-sites\/","title":{"rendered":"L&rsquo;accessibilit\u00e9 des sites."},"content":{"rendered":"<p>L&rsquo;accessibilit\u00e9 est un concept qui devient de plus en plus concret. En effet les administrations fran\u00e7aises sont depuis quelques temps d\u00e9j\u00e0 tenues de faire des sites web qui respectent les normes internationales du W3C\/WAI (Web Accessibility Initiative), les WCAG 1.0. sont l\u00e0 pour nous y aider.<br \/>\n<!--more--><br \/>\nPour planter le d\u00e9cor : <\/p>\n<blockquote><p>Le 10 juillet 2003 le Comit\u00e9 Interminist\u00e9riel pour la Soci\u00e9t\u00e9 de l&rsquo;Information (CISI), annonce dans la mesure 2.6 : \u00ab\u00a0l&rsquo;accessibilit\u00e9 de l&rsquo;information num\u00e9rique publique aux handicap\u00e9s sera rendue obligatoire dans le cadre de la r\u00e9vision de la loi de 1975 sur le handicap.\u00a0\u00bb Un partenariat entre les sites Web et l&rsquo;association BrailleNet (www.braillenet.org), pour le label AccessiWeb, est cr\u00e9\u00e9.<\/p><\/blockquote>\n<p> Accessiweb est une \u00e9manation de l&rsquo;association Braillenet visant \u00e0 \u00e9tablir des normes, proposer des formations sp\u00e9cifiques et diffuser l&rsquo;information ayant trait \u00e0 l&rsquo;accessibilit\u00e9. Accessiweb est aussi un label garantissant la conformit\u00e9 d&rsquo;un site avec ces normes. <\/p>\n<p> Le site pr\u00e9sente une information pr\u00e9cise sur les normes en vigueur, les travaux de groupements d&rsquo;acteurs professionnels, l&rsquo;\u00e9volution en Europe (la communaut\u00e9 europ\u00e9enne travaille \u00e0 une standardisation des pratiques dans les differents pays, pour les administrations. <\/p>\n<p>Le label Accessiweb comporte 3 niveaux : Bronze, Argent et Or. Ce dernier est le plus restrictif. Mais le niveau Bronze n&rsquo;est d\u00e9j\u00e0 pas si simple \u00e0 respecter. En effet, outre les bonnes habitudes \u00e0 prendre pour ajouter syst\u00e9matiquement des balises alt, title, abbr,etc, il est recommand\u00e9 par exemple de ne pas utiliser de titres-images, de veiller \u00e0 ce que le site reste lisible pour des malvoyants qui desactivraient l&rsquo;affichage des couleurs ou de la feuille de style, de limiter la navigation \u00e0 9 rubriques par niveau, de grouper les diff\u00e9rents champs d&rsquo;un formulaire avec les balises fieldset, label. Les fichiers multim\u00e9dias (vid\u00e9os, son) doivent \u00eatre propos\u00e9s avec une version alternative en texte. (C&rsquo;est le cas des fameux \u00ab\u00a0podcasts\u00a0\u00bb qu&rsquo;on trouve sur certains blogs, ils s&rsquo;agit d&rsquo;articles propos\u00e9s en version texte et en version audio) <br \/>\n Ces quelques exemples donnent une id\u00e9e du travail suppl\u00e9mentaire et de la n\u00e9cessit\u00e9 surtout de prendre en compte l&rsquo;accessibilit\u00e9 d\u00e8s la cr\u00e9ation des maquettes de principe. On parle ici de sites \u00e0 contenu \u00e9ditorial direz-vous ? Mais quid de l&rsquo;aveugle amateur de musique qui veut acheter ses mp3 en ligne ? Le e-commerce est probablement, hors administration, le secteur le plus concern\u00e9 par ces normes. <\/p>\n<p> En sch\u00e9matisant un peu je dirais qu&rsquo;un site conforme au XHTML 1.0 strict respecte 60 \u00e0 70% des crit\u00e8res Accessiweb (l&rsquo;estimation n&rsquo;engage que moi). Rendre son site compatible XHTML 1.0 Strict constituera donc une bonne initiation \u00e0 l&rsquo;accessibilit\u00e9. Le plus difficile est probabement d&rsquo;apprendre \u00e0 prendre en compte la logique induite par le sens des contenus, chose \u00e0 laquelle les \u00e9coles d&rsquo;arts graphiques ne pr\u00e9parent pas forc\u00e9ment&#8230; <\/p>\n<p> <a href=\"http:\/\/www.accessiweb.org\/\" hreflang=\"fr\" title=\"Visiter le site Accessiweb\">le site Accessiweb<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"entry-summary has-more-tag\">\nL&rsquo;accessibilit\u00e9 est un concept qui devient de plus en plus concret. En effet les administrations fran\u00e7aises sont depuis quelques temps d\u00e9j\u00e0 tenues de faire des sites web qui respectent les normes internationales du W3C\/WAI (Web Accessibility Initiative), les WCAG 1.0. sont l\u00e0 pour nous y aider.\n<\/div>\n<p>L&rsquo;accessibilit\u00e9 est un concept qui devient de plus en plus concret. En effet les administrations fran\u00e7aises sont depuis quelques temps d\u00e9j\u00e0 tenues de faire des sites web qui respectent les normes internationales du W3C\/WAI (Web Accessibility Initiative), les WCAG 1.0. sont l\u00e0 pour nous y aider.<\/p>\n<div class=\"link-more\"><a href=\"http:\/\/www.graphideo.com\/blog\/2005\/10\/27\/l-accessibilite-des-sites\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &ldquo;L&rsquo;accessibilit\u00e9 des sites.&rdquo;<\/span>&hellip;<\/a><\/div>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"twitterCardType":"","cardImageID":0,"cardImage":"","cardTitle":"","cardDesc":"","cardImageAlt":"","cardPlayer":"","cardPlayerWidth":0,"cardPlayerHeight":0,"cardPlayerStream":"","cardPlayerCodec":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-79","post","type-post","status-publish","format-standard","hentry","category-non-classe","entry"],"acf":[],"_links":{"self":[{"href":"http:\/\/www.graphideo.com\/blog\/wp-json\/wp\/v2\/posts\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.graphideo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.graphideo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.graphideo.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/www.graphideo.com\/blog\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":1,"href":"http:\/\/www.graphideo.com\/blog\/wp-json\/wp\/v2\/posts\/79\/revisions"}],"predecessor-version":[{"id":340,"href":"http:\/\/www.graphideo.com\/blog\/wp-json\/wp\/v2\/posts\/79\/revisions\/340"}],"wp:attachment":[{"href":"http:\/\/www.graphideo.com\/blog\/wp-json\/wp\/v2\/media?parent=79"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.graphideo.com\/blog\/wp-json\/wp\/v2\/categories?post=79"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.graphideo.com\/blog\/wp-json\/wp\/v2\/tags?post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}