{"id":1020,"date":"2015-09-10T11:36:49","date_gmt":"2015-09-10T09:36:49","guid":{"rendered":"http:\/\/www.cfardel.net\/blog\/?p=1020"},"modified":"2018-06-05T11:51:39","modified_gmt":"2018-06-05T09:51:39","slug":"site-web-de-letat-accessibilite","status":"publish","type":"post","link":"https:\/\/www.cfardel.net\/blog\/site-web-de-letat-accessibilite","title":{"rendered":"Site internet de l\u2019Etat: les malvoyants doivent pouvoir s\u2019y retrouver"},"content":{"rendered":"<p>Les b\u00e2timents de l\u2019administration doivent \u00eatre physiquement accessibles aux personnes handicap\u00e9es. Il en va de m\u00eame des quelque 20&rsquo;000 pages et 7000 news du site internet de l\u2019Etat de Vaud. C\u2019est un travail de tous les instants, qui incombe aux contributeurs et contributrices web de l\u2019Etat.<br \/>\n<!--more--><\/p>\n<p>Vous arrivez sur une page web. S\u2019y trouvent un texte et une image. Si le site n\u2019est pas \u00abaccessible\u00bb, impossible pour un utilisateur aveugle de savoir ce que repr\u00e9sente cette image, a fortiori de comprendre l\u2019\u00e9clairage qu\u2019elle apporte sur le texte.<\/p>\n<h2>L\u2019accessibilit\u00e9 enseign\u00e9e aux contributeurs web<\/h2>\n<p>C\u00e9dric Fardel travaille au Centre d\u2019exploitation informatique, dans l\u2019Unit\u00e9 architecture, m\u00e9trologie, configurations, de la Direction des syst\u00e8mes d\u2019information (DSI). Lui-m\u00eame aveugle, il intervient lors de la formation TYPO3 dispens\u00e9e au Centre d\u2019\u00e9ducation permanente (CEP) pour sensibiliser les futur-e-s contributeurs et contributrices web de l\u2019Etat \u00e0 l\u2019accessibilit\u00e9. Il propose une d\u00e9monstration de lecture du site internet vd.ch gr\u00e2ce \u00e0 un synth\u00e9tiseur vocal et un clavier braille. Il montre diff\u00e9rents probl\u00e8mes qui peuvent \u00eatre rencontr\u00e9s et explique les bonnes pratiques \u00e0 adopter. Par exemple: bien utiliser les niveaux de titres pour structurer une page web, afin qu\u2019une personne d\u00e9ficiente visuelle puisse comprendre son architecture, baliser les acronymes et abr\u00e9viations, qui sont sinon illisibles pour le synth\u00e9tiseur vocal, munir les images d\u2019une l\u00e9gende qui en d\u00e9crive le contenu.<\/p>\n<h2>Importante diversit\u00e9 de contenus<\/h2>\n<p>Avoir un site web accessible est une obligation l\u00e9gale pour l\u2019Etat (cf. encadr\u00e9). La fondation \u00abAcc\u00e8s pour tous\u00bb \u00e9value l\u2019accessibilit\u00e9 des sites internet suisses. Le site du canton de Vaud a obtenu la note de 4\/5 en 2007. La note avait un peu baiss\u00e9 en 2011; mais la moyenne de 3\/5 \u00e9tait atteinte. C\u00e9dric Aellen, d\u00e9veloppeur TYPO3 \u00e0 la DSI, souligne la complexit\u00e9 de la t\u00e2che pour un site aussi vaste que vd.ch: \u00abRendre un site de cinq pages accessible n\u2019est pas difficile. C\u2019est la quantit\u00e9 de documents et la diversit\u00e9 des contenus qui posent des probl\u00e8mes\u00bb. Son coll\u00e8gue Jean-Luc Thirot poursuit: \u00abDans le cadre de notre activit\u00e9 pour TYPO3, au moment d\u2019imaginer la navigation sur le web, nous devons pr\u00e9voir toutes les mesures qui permettront au contenu mis en ligne de pouvoir \u00eatre lu par les non-voyants. Nous signalons les probl\u00e8mes d\u2019accessibilit\u00e9 que nous rencontrons ponctuellement sur le site, mais ce n\u2019est pas notre mission et il serait impossible de v\u00e9rifier chaque page. Ce serait un travail de titan!\u00bb. D\u2019o\u00f9 l\u2019importance de l\u2019intervention de C\u00e9dric Fardel lors de la formation au CEP et les efforts de chacun-e sur la dur\u00e9e!<\/p>\n<h2>Des formats pratiques, mais peu accessibles<\/h2>\n<p>Jean-Luc Thirot et C\u00e9dric Aellen, d\u00e9veloppeurs TYPO3 \u00e0 la DSI: \u00abLes fichiers PDF semblent tr\u00e8s pratiques, mais ils sont tr\u00e8s peu accessibles\u00bb &#8211; (jc).<\/p>\n<p>Au nombre des difficult\u00e9s rencontr\u00e9es par les malvoyants qui naviguent sur Internet, on compte les PDF, comme l\u2019explique C\u00e9dric Aellen. \u00abLes fichiers PDF semblent tr\u00e8s pratiques pour diffuser l\u2019information dans une forme fix\u00e9e. Mais ils sont \u00e0 l\u2019origine tr\u00e8s peu accessibles et le site de l\u2019Etat de Vaud en contient une grande quantit\u00e9\u00bb. Autre probl\u00e8me tr\u00e8s fr\u00e9quent sur le site de l\u2019Etat: \u00abLes organigrammes sont eux aussi probl\u00e9matiques, puisqu&rsquo;ils apparaissent pour les personnes non-voyantes comme une suite de liens dans le d\u00e9sordre\u00bb. Les solutions sont parfois simples (ajouter une l\u00e9gende \u00e0 une image dans le champ pr\u00e9vu \u00e0 cet effet dans TYPO3), parfois beaucoup plus difficiles \u00e0 trouver (le cas des PDF). Il faut faire des compromis.<br \/>\nQuant \u00e0 La Gazette , C\u00e9dric Fardel la juge agr\u00e9able, mais perfectible. La structure texte\/encadr\u00e9s et les titres de rubriques ne lui apparaissent pas clairement. Par contre, le sommaire est utile et lui para\u00eet bien con\u00e7u.<\/p>\n<p>C\u00e9dric Fardel est aveugle et travaille \u00e0 la DSI. Accompagn\u00e9 de son chien Zora, il intervient lors de la formation des contributeurs TYPO3: il les sensibilise \u00e0 l&rsquo;accessibilit\u00e9 web en leur pr\u00e9sentant des exemples <\/p>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/5ms8suEi_Hs\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>Sources : <a href=\"https:\/\/www.vd.ch\/lettre_information\/gazette\/263\/\">Gazette de l&rsquo;Etat de Vaud 10 septembre 2015<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les b\u00e2timents de l\u2019administration doivent \u00eatre physiquement accessibles aux personnes handicap\u00e9es. Il en va de m\u00eame des quelque 20&rsquo;000 pages et 7000 news du site internet de l\u2019Etat de Vaud. C\u2019est un travail de tous les instants, qui incombe aux contributeurs et contributrices web de l\u2019Etat.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,18],"tags":[],"class_list":["post-1020","post","type-post","status-publish","format-standard","hentry","category-accessibilite","category-ma-vie"],"_links":{"self":[{"href":"https:\/\/www.cfardel.net\/blog\/wp-json\/wp\/v2\/posts\/1020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cfardel.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cfardel.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cfardel.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cfardel.net\/blog\/wp-json\/wp\/v2\/comments?post=1020"}],"version-history":[{"count":6,"href":"https:\/\/www.cfardel.net\/blog\/wp-json\/wp\/v2\/posts\/1020\/revisions"}],"predecessor-version":[{"id":1317,"href":"https:\/\/www.cfardel.net\/blog\/wp-json\/wp\/v2\/posts\/1020\/revisions\/1317"}],"wp:attachment":[{"href":"https:\/\/www.cfardel.net\/blog\/wp-json\/wp\/v2\/media?parent=1020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cfardel.net\/blog\/wp-json\/wp\/v2\/categories?post=1020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cfardel.net\/blog\/wp-json\/wp\/v2\/tags?post=1020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}