L\u2019accessibilit\u00e9 n\u2019est pas une grande marmite o\u00f9 l\u2019on tomberait dedans petit. Pire, les formations actuelles en multim\u00e9dia n\u2019en parlent toujours pas assez mais au d\u00e9tour d\u2019un AO (appel d\u2019offre) ou d\u2019une rencontre il se peut que nous soyons alert\u00e9s sur ce sujet et que l\u2019on s\u2019y int\u00e9resse… ou pas. La plupart du temps les r\u00e9ponses apport\u00e9es dans les cahiers des AO restent de belles promesses commerciales non suivies d\u2019actions r\u00e9elles lors de la production du-dit site.<\/p>\n
\nL\u2019accessibilit\u00e9 n\u2019est pas une grande marmite o\u00f9 l\u2019on tomberait dedans petit. Pire, les formations actuelles en multim\u00e9dia n\u2019en parlent toujours pas assez mais au d\u00e9tour d\u2019un AO (appel d\u2019offre) ou d\u2019une rencontre il se peut que nous soyons alert\u00e9s sur ce sujet et que l\u2019on s\u2019y int\u00e9resse… ou pas. La plupart du temps les r\u00e9ponses apport\u00e9es dans les cahiers des AO restent de belles promesses commerciales non suivies d\u2019actions r\u00e9elles lors de la production du-dit site.
\nPersonnellement ma dose de potion magique je l\u2019ai prise en 2011 gr\u00e2ce \u00e0 la formation Expert Accessibilit\u00e9 en \u00c9valuation de l\u2019association BrailleNet (http:\/\/www.braillenet.org). Lors de cette formation je n\u2019ai pas rencontr\u00e9 des Accessibilix mais des experts passionn\u00e9s. De cette p\u00e9riode j\u2019\u00e9voque \u00e9galement \u00e0 chaque fois ma rencontre avec Sylvie Duch\u00e2teau utilisatrice d\u2019une plage braille et Jaws qui \u00e0 l\u2019\u00e9poque nous a d\u00e9montr\u00e9 par A+B que pour elle c\u2019\u00e9tait mission impossible d\u2019acheter un produit sur le site de la Fnac.
\nSuite \u00e0 cette formation, j\u2019entre dans le Groupe de Travail Accessiweb nourrie d\u2019une liste d\u2019\u00e9changes email o\u00f9 l\u2019on trouve r\u00e9ponses \u00e0 nos questions sous la bienveillance de personnes bien plus expertes que soi dans chacun des domaines. J\u2019y c\u00f4toie des passionn\u00e9s dont des experts en audit qui oeuvrent tous les jours pour que leur travail n’ait plus lieu d\u2019\u00eatre. C\u2019est beau non ? Malheureusement ils ont encore de beaux jours devant eux \ud83d\ude09 .
\nDiffuser largement aupr\u00e8s de tous les webmasters, contributeurs et d\u00e9veloppeurs les notions d\u2019accessibilit\u00e9 est un travail de longue haleine. Cette ann\u00e9e j\u2019ai franchi le pas en pr\u00e9sentant au Joomla!Day Nice une conf\u00e9rence sur l\u2019accessibilit\u00e9 en g\u00e9n\u00e9ral et particuli\u00e8rement avec Joomla! (http:\/\/www.joomladay.fr\/programme\/conferences\/1-%20\/54-rgaac3rb-un-template-accessible.html). A ma grande surprise, tr\u00e8s peu de personnes connaissaientt les r\u00e8gles en vigueur actuellement en France et pourtant cela int\u00e9resse beaucoup de passionn\u00e9s du CMS Joomla!.
\nNe sachant pas votre niveau et votre degr\u00e9 de connaissance sur l\u2019accessibilit\u00e9 num\u00e9rique je vais tout d\u2019abord vous pr\u00e9senter ce qu\u2019est l\u2019accessibilit\u00e9 num\u00e9rique. Puis le cadre l\u00e9gal et r\u00e9glementaire pour les sites publics en France, ce que je sais de l\u2019accessibilit\u00e9 de Joomla! et les informations sur deux templates dits accessibles pour Joomla!3.X.
\nL\u2019accessibilit\u00e9 c\u2019est quoi ?
\nPlut\u00f4t que d\u2019\u00e9crire ce qu\u2019est l\u2019accessibilit\u00e9, voyons plut\u00f4t ce qu\u2019est le handicap. Le handicap est intrins\u00e8quement li\u00e9 aux d\u00e9pendances \u00e0 l\u2019environnement. Prenons l\u2019exemple d\u2019un individu en fauteuil roulant qui doit acc\u00e9der \u00e0 un bureau, s\u2019il n\u2019y a pas d\u2019escalier, pas de porte, il y arrive bien. Voire plus vite d\u2019une personne sur ses deux pieds. Vous \u00eates aussi probablement handicap\u00e9 \u00e0 votre mani\u00e8re dans votre vie ordinaire, moi la premi\u00e8re. Je porte des lunettes et sans elles, dans certaines situations je suis handicap\u00e9e pour r\u00e9aliser des t\u00e2ches courantes.<\/p>\n
Bref, l\u2019accessibilit\u00e9 num\u00e9rique (#a11y sur les r\u00e9seaux) c\u2019est pour les -handicap\u00e9s- personnes en situation de handicap.<\/p>\n
Nous ne sommes pas tous \u00e9gaux dans nos utilisations.Nous n\u2019avons pas tous les m\u00eames outils.Nous n\u2019avons pas tous la m\u00eame culture.
\nLe but de l\u2019accessibilit\u00e9 est de mettre tout le monde sur un m\u00eame pied d\u2019\u00e9galit\u00e9.
\nPour permettre le d\u00e9veloppement de l’accessibilit\u00e9 \u00e0 travers ces composants, le W3C a cr\u00e9\u00e9 des recommandations \u00e0 travers le projet Web Accessibility Initiative (WAI) cr\u00e9\u00e9 en 1996. Bient\u00f4t 20 ans\u2026 et heureusement des passionn\u00e9s qui ont encore toutes leurs dents pour faire appliquer ces r\u00e8gles et faire reculer les barri\u00e8res.
\nLe travail du W3C et de la WAI (web accessibility initiative en 1996 ) a \u00e9t\u00e9 consid\u00e9rable, puisqu\u2019il a produit des recommandations d\u2019accessibilit\u00e9 couvrant les crit\u00e8res \u00e0 respecter par:<\/p>\n
les contenus Web: WCAG ( 2008 – 2.0 )
\nles outils de production de contenu: ATAG. Les lignes de conduite les plus \u00e0 jour pour les logiciels d\u2019\u00e9dition de HTML, les \u00e9diteurs de page ou logiciel de publication de site Web cr\u00e9ant le code HTML, sont les Authoring Tools Accessibility Guidelines dans leur version 1.0, datant de f\u00e9vrier 2000. En tant que CMS Joomla! est donc tenu de les respecter.
\nles outils de consultation: UUAG. Afin de tirer le meilleur parti des sites Web accessibles, il est essentiel que les outils de consultation de ces sites (logiciels de lecture, navigateurs web, terminaux mobiles…) soient eux-m\u00eames utilisables par des personnes handicap\u00e9es.
\net plus r\u00e9cemment les interfaces riches: ARIA. L’essor des services et applications en ligne reposant sur l’utilisation croissante de technologies hybrides telles que JavaScript, AJAX et SVG, l’\u00e9laboration par la WAI de l’Accessible Rich Internet Applications Suite (ARIA) vise \u00e0 mettre en place le cadre normatif n\u00e9cessaire \u00e0 l’accessibilit\u00e9 des applications Web dynamiques<\/p>\n
Au sujet des outils de consultation, saviez vous que la plupart d\u2019entre nous a un lecteur d\u2019\u00e9cran dans sa poche ?
\nEn 1993 naissait JAWS le logiciel pour Windows et depuis bien du chemin a \u00e9t\u00e9 parcouru. C\u2019est en 2005 avec l\u2019int\u00e9gration de Voice Over sous MAC que les lecteurs d\u2019\u00e9cran se d\u00e9mocratisent. En 2009 son apparition dans l\u2019Iphone a continu\u00e9 cette diffusion. Pour Apple cet outil a \u00e9t\u00e9 un vecteur de vente important car ni Narrator pour Windows, ni TalkBack pour Android n\u2019arrivait \u00e0 la cheville de VoiceOver.
\nEn 20 ans des progr\u00e8s consid\u00e9rables ont \u00e9t\u00e9 faits gr\u00e2ce notamment \u00e0 la diffusion des standards, des bonnes pratiques mais \u00e9galement gr\u00e2ce aux outils \u00e0 disposition li\u00e9s \u00e0 l\u2019\u00e9volution des pratiques de code (je pense notamment aux compilateurs CSS. Une variable non accessible peut \u00eatre corrig\u00e9e rapidement, les frameworks) et c\u2019est tr\u00e8s certainement la culture m\u00eame de l\u2019accessibilit\u00e9 qui se diffuse et permet \u00e0 tout un chacun de prendre conscience des enjeux du respect des normes.Le SEO et le mobile ont contribu\u00e9 \u00e0 cette \u00e9volution, on va dire que \u00e7a aurait d\u00fb \u00eatre des avantages collat\u00e9raux de la raison initiale \u201cproposer des sites accessibles aux personnes handicap\u00e9es\u201d. Voir \u00e0 ce sujet le tr\u00e8s bon billet \u201c le vrai b\u00e9n\u00e9fice de l\u2019accessibilit\u00e9\u201d d\u2019Olivier Nourry sur son blog \u201caccessiblog\u201d.
\n{loadposition pub-j3pour-tous}
\nLe cadre l\u00e9gal en France
\nEn France, l’association BrailleNet sert de relais \u00e0 la Web Accessibility Initiative. Elle m\u00e8ne des actions d’information, de formation, de l\u00e9gislation et de certification.
\nDu cot\u00e9 des sites, en 10 ans, nous avons atteint le chiffre \u201cmirobolant\u201d de 3% des sites publics ayant publi\u00e9 une attestation de conformit\u00e9. Cette d\u00e9claration est exig\u00e9e par la loi\u2026 Etude de mars 2014 \u201cce que les sites web nous disent de leur accessibilit\u00e9\u201d – \u00e9tude Braillenet\/UPMC .Accessiweb a d\u00e9sormais form\u00e9 plus de 500 experts et le r\u00e9f\u00e9rentiel d\u2019\u00c9tat (le RGAA dat\u00e9 de 2009) a subi une cure de jouvence. Le nouveau r\u00e9f\u00e9rentiel RGAA 3 a \u00e9t\u00e9 officialis\u00e9 par un d\u00e9cret d\u2019application le 2 mai dernier. La DISIC ( une sorte de DSI interminist\u00e9rielle ) annonce un grand plan de communication pour faire conna\u00eetre l\u2019accessibilit\u00e9. Une volont\u00e9 nouvelle est celle de mettre en place un label en parall\u00e8le pour inciter \u00e0 \u201ctendre\u201d vers l\u2019accessibilit\u00e9 (le label e-accessible). De quoi encourager les d\u00e9cideurs \u00e0 faire auditer un site. D\u00e9sormais l\u2019am\u00e9lioration continue sera donc pr\u00f4n\u00e9e, les d\u00e9clarations et les efforts dans l\u2019am\u00e9lioration continue d\u2019un site seront mis en avant.
\nTechniquement, tout le monde est en mesure d’utiliser le RGAA pour v\u00e9rifier une conformit\u00e9. Le guide conseille de le faire faire par un tiers ind\u00e9pendant du projet, mais c’est \u00e0 chacun d’en d\u00e9cider.
\nL\u2019accessibilit\u00e9 avec Joomla! ?
\nSi on se penche sur les \u201cgros sites\u201d on observe \u00e0 peu pr\u00e8s le respect de nombreux crit\u00e8res mais la difficult\u00e9 c\u2019est pour les sites associatifs, les mairies, etc\u2026 alors qu\u2019au quotidien ce sont ces sites-l\u00e0 qu\u2019une personne utilise qu\u2019elle soit handicap\u00e9e ou non lors de sa consultation.<\/p>\n
Joomla! permet de cr\u00e9er rapidement un site internet mais le choix du template utilis\u00e9 et les pratiques \u00e9ditoriales doivent respecter au mieux les standards. La vigilance est de mise car sur le web tout le monde est contributeur.<\/p>\n
Historiquement les initiatives pour apporter de l\u2019accessibilit\u00e9 au CMS joomla! \u00e9taient individuelles. Gr\u00e2ce \u00e0 la conceptrice allemande des templates \u201cBeez\u201d Angie Radtke, un template \u00e9tait propos\u00e9 en version Joomla!1.5 et r\u00e9\u00e9dit\u00e9 en Joomla!2.5. Il s\u2019agissait d\u2019un template front incluant l\u2019accessibilit\u00e9. Aujourd\u2019hui avec la version 3 de Joomla! les templates \u201cbeez\u201d ont disparu du pack par d\u00e9faut. Deux initiatives individuelles ont \u00e9t\u00e9 recens\u00e9es, celle de C3RB Informatique et celle de Francesco Zaniol. Ces initiatives ont donn\u00e9 naissance \u00e0 deux templates: Zong et RGAAC3rb.
\nLa feuille de route de la core team de Joomla! pr\u00e9voit au 3\u00e8me la sortie de Joomla!3.5 avec la cr\u00e9ation et l\u2019int\u00e9gration d’un nouveau template pour l’interface d’administration afin de remplacer les deux templates existants \u00e0 l\u2019heure actuelle. La prise en compte de l\u2019accessibilit\u00e9 se fera donc \u00e9galement c\u00f4t\u00e9 administration, ce qui est essentiel pour un CMS. Ce nouveau template devra \u00e0 la fois \u00eatre adaptatif et favoriser l’accessibilit\u00e9. L’objectif est de proposer un design unique, robuste et convivial. Le syst\u00e8me de bug tracker sur GitHub mis en place par les d\u00e9veloppeurs de Joomla! permet de faire remonter tout probl\u00e8me d\u2019a11y du CMS (voir un exemple de remont\u00e9es: http:\/\/issues.joomla.org\/tracker\/joomla-cms\/6467 ).
\n{loadposition pub-100-trucs-astuces}
\nPr\u00e9sentation des deux initiatives de template Accessible sous Joomla!3
\nIl existe certainement d\u2019autres initiatives individuelles mais j\u2019ai pu en recenser deux qui m\u00e9ritent que l\u2019on s\u2019y attarde.
\nZhong template
\nFranscesco commen\u00e7a \u00e0 d\u00e9velopper son template au cours de sa th\u00e8se \u00e0 l\u2019universit\u00e9. Il a fait de son travail un template disponible. Tous les templates propos\u00e9s par Francesco sont bas\u00e9s sur le Framework Zhong ayant pour but de proposer une base solide d\u2019accessibilit\u00e9 pour la construction de mod\u00e8les. Ce framework a pour ambition de r\u00e9unir d\u2019un c\u00f4t\u00e9 l\u2019\u00e9l\u00e9gance du design, les bonnes pratiques et l\u2019accessibilit\u00e9 pour le d\u00e9veloppement front-end. Les composantes d\u2019accessibilit\u00e9 sont bas\u00e9es sur les normes WCAG 2.0 (pour en savoir plus http:\/\/www.accessibletemplate.com\/zhong\/features). Le code bas\u00e9 sur l\u2019utilisation d\u2019\u00e9l\u00e9ments compress\u00e9s (CSS, HTML et minification du JS, sur une base JavaScript performante) est donc performant, il inclut \u00e9galement un code PHP modulaire et l\u2019utilisation de SASS pour dissocier le style du coeur et celui du th\u00e8me.
\nLe Zhong Framework permet \u00e9galement de modifier profond\u00e9ment les couleurs et les styles de chaque \u00e9l\u00e9ment tout en proposant par dessus le march\u00e9 des petits plus comme les ic\u00f4nes sociales, les boutons, un design responsive, le choix de sa google font import\u00e9e, le param\u00e9trage de son code Google Analytics, la compatibilit\u00e9 avec Bootstrap. Le template dispose d\u2019un guide complet d\u2019installation.Pour le moment le Zhong Framework est compatible avec Joomla 2.5 and Joomla 3.x, cependant il est pr\u00e9vu de porter la compatibilit\u00e9 de celui-ci vers d\u2019autres plateformes comme Drupal et WordPress.Une version gratuite du template peut \u00eatre t\u00e9l\u00e9charg\u00e9e ici: http:\/\/www.accessibletemplate.com\/zhong\/free-download.
\nRGAAC3rb Template
\nConscient de la force de la communaut\u00e9 Joomla! et favorisant toujours l’exp\u00e9rience et la r\u00e9flexion de la communaut\u00e9 d’utilisateurs, C3rb Informatique a d\u00e9cid\u00e9 de mettre \u00e0 disposition de tous un template Joomla!3.X conforme aux normes d’accessibilit\u00e9 en vigueur. Au sujet du template sont int\u00e9gr\u00e9s des balises pour l\u2019impl\u00e9mentation ARIA et certaines vues du core de Joomla! sont mises \u00e0 disposition dans le template pour am\u00e9liorer l\u2019accessibilit\u00e9 du code d\u2019origine. Les \u00e9quipes de C3RB soumettent des issues au fur et \u00e0 mesure \u00e0 la Core Team sur le GitHub de Joomla!. Un plugin a \u00e9t\u00e9 d\u00e9velopp\u00e9 pour g\u00e9rer les conflits li\u00e9s \u00e0 l\u2019int\u00e9gration de Bootstrap 3 (Plugin plg_system_rgaac3rb). Le choix s\u2019est port\u00e9 sur Bootstrap car il prend en compte les d\u00e9veloppements du Paypal Accessible Plugin par exemple. RGAAC3rb est fourni avec des d\u00e9pendances \u00e0 jour et maintenable via GRUNT. Il est mis gratuitement \u00e0 disposition de tous \u00e0 l\u2019adresse suivante, http:\/\/c3rb.org\/jd15fr .
\nHormis ces deux templates qui ne repr\u00e9sentent qu\u2019une partie de la mise en conformit\u00e9 d\u2019un site, un travail global est n\u00e9cessaire dans le coeur de notre CMS pour le rendre accessible.
\nCe qu\u2019il faut garder \u00e0 l\u2019esprit si nous voulons travailler pour une meilleure accessibilit\u00e9 de notre CMS pr\u00e9f\u00e9r\u00e9, ce qu\u2019il faudrait dans l\u2019id\u00e9al:<\/p>\n
mieux prendre en compte dans la documentation disponible du CMS les recommandations li\u00e9es \u00e0 l\u2019accessibilit\u00e9 (note sur les composants, sujets sur les forums, documentation\u2026) et des \u00e9diteurs WYSIWYG par d\u00e9faut
\nFormer \u00e0 l\u2019accessibilit\u00e9 nos contributeurs voire leur limiter l\u2019acc\u00e8s \u00e0 certaines fonctionnalit\u00e9s dans les \u00e9diteurs pour \u00e9viter les erreurs li\u00e9es aux \u00e9diteurs trop complets
\nImpl\u00e9menter dans l\u2019administration des articles et dans l\u2019\u00e9diteur une m\u00e9thode de v\u00e9rification du code d’entr\u00e9e et de sortie. Il est bien plus facile de d\u00e9celer l\u2019erreur au moment o\u00f9 elle est cr\u00e9\u00e9e qu\u2019apr\u00e8s le r\u00e9sultat final, travail de titan de retrouver l\u2019erreur initiale g\u00e9n\u00e9rant un conflit.<\/p>\n
A noter le 25 juin 2015 le th\u00e8me du dernier s\u00e9minaire GTA \u00e9tait \u00ab\u00a0l’accessibilit\u00e9 des CMS\u00a0\u00bb. J\u2019ai \u00e9t\u00e9 contact\u00e9e pour y pr\u00e9senter Joomla! et c\u2019est par l\u2019interm\u00e9diaire d\u2019un de mes coll\u00e8gues que Joomla! a d\u00e9fendu son accessibilit\u00e9 dans l\u2019atelier : 4 CMS sur le grill, WordPress, Drupal, SPIP et Joomla!. Voir le compte rendu d\u2019Edouard (http:\/\/happyculture.coop\/blog\/21eme-seminaire-technique-accessiweb).
\nPour conclure il ne faut pas oublier que l\u2019accessibilit\u00e9 est un processus continu (voir capture ci-dessous). Au fil du temps, un site m\u00eame r\u00e9alis\u00e9 et pens\u00e9 accessible va se d\u00e9grader. Il est d\u2019ailleurs pr\u00e9f\u00e9rable de parler de contenu accessible plut\u00f4t que de sites accessibles.<\/p>\n
Processus d’accessibilit\u00e9
\nVous, contributeur, webdesigner, int\u00e9grateur et ce que vous produisez n\u2019\u00eates qu\u2019un maillon de la cha\u00eene qui lie le contenu \u00e0 l\u2019utilisateur final. Plus vos connaissances seront solides et plus cette cha\u00eene sera fiable et chacun y gagnera.
\nPour ceux qui voudraient aller plus loin, de nombreux \u00e9crits sur le web, des conf\u00e9rences et des publications papiers existent, il suffit de s\u2019y int\u00e9resser. Pour ma part, si cet article rencontre du succ\u00e8s je serai ravie de proposer de temps \u00e0 autre des focus sur une probl\u00e9matique d\u2019accessibilit\u00e9.<\/p>\n","protected":false},"excerpt":{"rendered":"
L\u2019accessibilit\u00e9 n\u2019est pas une grande marmite o\u00f9 l\u2019on tomberait dedans petit. Pire, les formations actuelles en multim\u00e9dia n\u2019en parlent toujours pas assez mais au d\u00e9tour d\u2019un AO (appel d\u2019offre) ou d\u2019une rencontre il se peut que nous soyons alert\u00e9s sur ce sujet et que l\u2019on s\u2019y int\u00e9resse… ou pas. La plupart du temps les r\u00e9ponses […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-483","post","type-post","status-publish","format-standard","hentry","category-archives"],"yoast_head":"\n