Accessibilité, web et Joomla! – Août 2015

L’accessibilité n’est pas une grande marmite où l’on tomberait dedans petit. Pire, les formations actuelles en multimédia n’en parlent toujours pas assez mais au détour d’un AO (appel d’offre) ou d’une rencontre il se peut que nous soyons alertés sur ce sujet et que l’on s’y intéresse… ou pas. La plupart du temps les réponses apportées dans les cahiers des AO restent de belles promesses commerciales non suivies d’actions réelles lors de la production du-dit site.


L’accessibilité n’est pas une grande marmite où l’on tomberait dedans petit. Pire, les formations actuelles en multimédia n’en parlent toujours pas assez mais au détour d’un AO (appel d’offre) ou d’une rencontre il se peut que nous soyons alertés sur ce sujet et que l’on s’y intéresse… ou pas. La plupart du temps les réponses apportées dans les cahiers des AO restent de belles promesses commerciales non suivies d’actions réelles lors de la production du-dit site.
Personnellement ma dose de potion magique je l’ai prise en 2011 grâce à la formation Expert Accessibilité en Évaluation de l’association BrailleNet (http://www.braillenet.org). Lors de cette formation je n’ai pas rencontré des Accessibilix mais des experts passionnés. De cette période j’évoque également à chaque fois ma rencontre avec Sylvie Duchâteau utilisatrice d’une plage braille et Jaws qui à l’époque nous a démontré par A+B que pour elle c’était mission impossible d’acheter un produit sur le site de la Fnac.
Suite à cette formation, j’entre dans le Groupe de Travail Accessiweb nourrie d’une liste d’échanges email où l’on trouve réponses à nos questions sous la bienveillance de personnes bien plus expertes que soi dans chacun des domaines. J’y côtoie des passionnés dont des experts en audit qui oeuvrent tous les jours pour que leur travail n’ait plus lieu d’être. C’est beau non ? Malheureusement ils ont encore de beaux jours devant eux 😉 .
Diffuser largement auprès de tous les webmasters, contributeurs et développeurs les notions d’accessibilité est un travail de longue haleine. Cette année j’ai franchi le pas en présentant au Joomla!Day Nice une conférence sur l’accessibilité en général et particulièrement avec Joomla! (http://www.joomladay.fr/programme/conferences/1-%20/54-rgaac3rb-un-template-accessible.html). A ma grande surprise, très peu de personnes connaissaientt les règles en vigueur actuellement en France et pourtant cela intéresse beaucoup de passionnés du CMS Joomla!.
Ne sachant pas votre niveau et votre degré de connaissance sur l’accessibilité numérique je vais tout d’abord vous présenter ce qu’est l’accessibilité numérique. Puis le cadre légal et réglementaire pour les sites publics en France, ce que je sais de l’accessibilité de Joomla! et les informations sur deux templates dits accessibles pour Joomla!3.X.
L’accessibilité c’est quoi ?
Plutôt que d’écrire ce qu’est l’accessibilité, voyons plutôt ce qu’est le handicap. Le handicap est intrinsèquement lié aux dépendances à l’environnement. Prenons l’exemple d’un individu en fauteuil roulant qui doit accéder à un bureau, s’il n’y a pas d’escalier, pas de porte, il y arrive bien. Voire plus vite d’une personne sur ses deux pieds. Vous êtes aussi probablement handicapé à votre manière dans votre vie ordinaire, moi la première. Je porte des lunettes et sans elles, dans certaines situations je suis handicapée pour réaliser des tâches courantes.

Bref, l’accessibilité numérique (#a11y sur les réseaux) c’est pour les -handicapés- personnes en situation de handicap.

Nous ne sommes pas tous égaux dans nos utilisations.Nous n’avons pas tous les mêmes outils.Nous n’avons pas tous la même culture.
Le but de l’accessibilité est de mettre tout le monde sur un même pied d’égalité.
Pour permettre le développement de l’accessibilité à travers ces composants, le W3C a créé des recommandations à travers le projet Web Accessibility Initiative (WAI) créé en 1996. Bientôt 20 ans… et heureusement des passionnés qui ont encore toutes leurs dents pour faire appliquer ces règles et faire reculer les barrières.
Le travail du W3C et de la WAI (web accessibility initiative en 1996 ) a été considérable, puisqu’il a produit des recommandations d’accessibilité couvrant les critères à respecter par:

les contenus Web: WCAG ( 2008 – 2.0 )
les outils de production de contenu: ATAG. Les lignes de conduite les plus à jour pour les logiciels d’édition de HTML, les éditeurs de page ou logiciel de publication de site Web créant le code HTML, sont les Authoring Tools Accessibility Guidelines dans leur version 1.0, datant de février 2000. En tant que CMS Joomla! est donc tenu de les respecter.
les 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êmes utilisables par des personnes handicapées.
et plus récemment 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’élaboration par la WAI de l’Accessible Rich Internet Applications Suite (ARIA) vise à mettre en place le cadre normatif nécessaire à l’accessibilité des applications Web dynamiques

Au sujet des outils de consultation, saviez vous que la plupart d’entre nous a un lecteur d’écran dans sa poche ?
En 1993 naissait JAWS le logiciel pour Windows et depuis bien du chemin a été parcouru. C’est en 2005 avec l’intégration de Voice Over sous MAC que les lecteurs d’écran se démocratisent. En 2009 son apparition dans l’Iphone a continué cette diffusion. Pour Apple cet outil a été un vecteur de vente important car ni Narrator pour Windows, ni TalkBack pour Android n’arrivait à la cheville de VoiceOver.
En 20 ans des progrès considérables ont été faits grâce notamment à la diffusion des standards, des bonnes pratiques mais également grâce aux outils à disposition liés à l’évolution des pratiques de code (je pense notamment aux compilateurs CSS. Une variable non accessible peut être corrigée rapidement, les frameworks) et c’est très certainement la culture même de l’accessibilité qui se diffuse et permet à tout un chacun de prendre conscience des enjeux du respect des normes.Le SEO et le mobile ont contribué à cette évolution, on va dire que ça aurait dû être des avantages collatéraux de la raison initiale “proposer des sites accessibles aux personnes handicapées”. Voir à ce sujet le très bon billet “ le vrai bénéfice de l’accessibilité” d’Olivier Nourry sur son blog “accessiblog”.
{loadposition pub-j3pour-tous}
Le cadre légal en France
En France, l’association BrailleNet sert de relais à la Web Accessibility Initiative. Elle mène des actions d’information, de formation, de législation et de certification.
Du coté des sites, en 10 ans, nous avons atteint le chiffre “mirobolant” de 3% des sites publics ayant publié une attestation de conformité. Cette déclaration est exigée par la loi… Etude de mars 2014 “ce que les sites web nous disent de leur accessibilité” – étude Braillenet/UPMC .Accessiweb a désormais formé plus de 500 experts et le référentiel d’État (le RGAA daté de 2009) a subi une cure de jouvence. Le nouveau référentiel RGAA 3 a été officialisé par un décret d’application le 2 mai dernier. La DISIC ( une sorte de DSI interministérielle ) annonce un grand plan de communication pour faire connaître l’accessibilité. Une volonté nouvelle est celle de mettre en place un label en parallèle pour inciter à “tendre” vers l’accessibilité (le label e-accessible). De quoi encourager les décideurs à faire auditer un site. Désormais l’amélioration continue sera donc prônée, les déclarations et les efforts dans l’amélioration continue d’un site seront mis en avant.
Techniquement, tout le monde est en mesure d’utiliser le RGAA pour vérifier une conformité. Le guide conseille de le faire faire par un tiers indépendant du projet, mais c’est à chacun d’en décider.
L’accessibilité avec Joomla! ?
Si on se penche sur les “gros sites” on observe à peu près le respect de nombreux critères mais la difficulté c’est pour les sites associatifs, les mairies, etc… alors qu’au quotidien ce sont ces sites-là qu’une personne utilise qu’elle soit handicapée ou non lors de sa consultation.

Joomla! permet de créer rapidement un site internet mais le choix du template utilisé et les pratiques éditoriales doivent respecter au mieux les standards. La vigilance est de mise car sur le web tout le monde est contributeur.

Historiquement les initiatives pour apporter de l’accessibilité au CMS joomla! étaient individuelles. Grâce à la conceptrice allemande des templates “Beez” Angie Radtke, un template était proposé en version Joomla!1.5 et réédité en Joomla!2.5. Il s’agissait d’un template front incluant l’accessibilité. Aujourd’hui avec la version 3 de Joomla! les templates “beez” ont disparu du pack par défaut. Deux initiatives individuelles ont été recensées, celle de C3RB Informatique et celle de Francesco Zaniol. Ces initiatives ont donné naissance à deux templates: Zong et RGAAC3rb.
La feuille de route de la core team de Joomla! prévoit au 3ème la sortie de Joomla!3.5 avec la création et l’intégration d’un nouveau template pour l’interface d’administration afin de remplacer les deux templates existants à l’heure actuelle. La prise en compte de l’accessibilité se fera donc également côté administration, ce qui est essentiel pour un CMS. Ce nouveau template devra à la fois être adaptatif et favoriser l’accessibilité. L’objectif est de proposer un design unique, robuste et convivial. Le système de bug tracker sur GitHub mis en place par les développeurs de Joomla! permet de faire remonter tout problème d’a11y du CMS (voir un exemple de remontées: http://issues.joomla.org/tracker/joomla-cms/6467 ).
{loadposition pub-100-trucs-astuces}
Présentation des deux initiatives de template Accessible sous Joomla!3
Il existe certainement d’autres initiatives individuelles mais j’ai pu en recenser deux qui méritent que l’on s’y attarde.
Zhong template
Franscesco commença à développer son template au cours de sa thèse à l’université. Il a fait de son travail un template disponible. Tous les templates proposés par Francesco sont basés sur le Framework Zhong ayant pour but de proposer une base solide d’accessibilité pour la construction de modèles. Ce framework a pour ambition de réunir d’un côté l’élégance du design, les bonnes pratiques et l’accessibilité pour le développement front-end. Les composantes d’accessibilité sont basées sur les normes WCAG 2.0 (pour en savoir plus http://www.accessibletemplate.com/zhong/features). Le code basé sur l’utilisation d’éléments compressés (CSS, HTML et minification du JS, sur une base JavaScript performante) est donc performant, il inclut également un code PHP modulaire et l’utilisation de SASS pour dissocier le style du coeur et celui du thème.
Le Zhong Framework permet également de modifier profondément les couleurs et les styles de chaque élément tout en proposant par dessus le marché des petits plus comme les icônes sociales, les boutons, un design responsive, le choix de sa google font importée, le paramétrage de son code Google Analytics, la compatibilité avec Bootstrap. Le template dispose d’un guide complet d’installation.Pour le moment le Zhong Framework est compatible avec Joomla 2.5 and Joomla 3.x, cependant il est prévu de porter la compatibilité de celui-ci vers d’autres plateformes comme Drupal et WordPress.Une version gratuite du template peut être téléchargée ici: http://www.accessibletemplate.com/zhong/free-download.
RGAAC3rb Template
Conscient de la force de la communauté Joomla! et favorisant toujours l’expérience et la réflexion de la communauté d’utilisateurs, C3rb Informatique a décidé de mettre à disposition de tous un template Joomla!3.X conforme aux normes d’accessibilité en vigueur. Au sujet du template sont intégrés des balises pour l’implémentation ARIA et certaines vues du core de Joomla! sont mises à disposition dans le template pour améliorer l’accessibilité du code d’origine. Les équipes de C3RB soumettent des issues au fur et à mesure à la Core Team sur le GitHub de Joomla!. Un plugin a été développé pour gérer les conflits liés à l’intégration de Bootstrap 3 (Plugin plg_system_rgaac3rb). Le choix s’est porté sur Bootstrap car il prend en compte les développements du Paypal Accessible Plugin par exemple. RGAAC3rb est fourni avec des dépendances à jour et maintenable via GRUNT. Il est mis gratuitement à disposition de tous à l’adresse suivante, http://c3rb.org/jd15fr .
Hormis ces deux templates qui ne représentent qu’une partie de la mise en conformité d’un site, un travail global est nécessaire dans le coeur de notre CMS pour le rendre accessible.
Ce qu’il faut garder à l’esprit si nous voulons travailler pour une meilleure accessibilité de notre CMS préféré, ce qu’il faudrait dans l’idéal:

mieux prendre en compte dans la documentation disponible du CMS les recommandations liées à l’accessibilité (note sur les composants, sujets sur les forums, documentation…) et des éditeurs WYSIWYG par défaut
Former à l’accessibilité nos contributeurs voire leur limiter l’accès à certaines fonctionnalités dans les éditeurs pour éviter les erreurs liées aux éditeurs trop complets
Implémenter dans l’administration des articles et dans l’éditeur une méthode de vérification du code d’entrée et de sortie. Il est bien plus facile de déceler l’erreur au moment où elle est créée qu’après le résultat final, travail de titan de retrouver l’erreur initiale générant un conflit.

A noter le 25 juin 2015 le thème du dernier séminaire GTA était « l’accessibilité des CMS ». J’ai été contactée pour y présenter Joomla! et c’est par l’intermédiaire d’un de mes collègues que Joomla! a défendu son accessibilité dans l’atelier : 4 CMS sur le grill, WordPress, Drupal, SPIP et Joomla!. Voir le compte rendu d’Edouard (http://happyculture.coop/blog/21eme-seminaire-technique-accessiweb).
Pour conclure il ne faut pas oublier que l’accessibilité est un processus continu (voir capture ci-dessous). Au fil du temps, un site même réalisé et pensé accessible va se dégrader. Il est d’ailleurs préférable de parler de contenu accessible plutôt que de sites accessibles.

Processus  d’accessibilité
Vous, contributeur, webdesigner, intégrateur et ce que vous produisez n’êtes qu’un maillon de la chaîne qui lie le contenu à l’utilisateur final. Plus vos connaissances seront solides et plus cette chaîne sera fiable et chacun y gagnera.
Pour ceux qui voudraient aller plus loin, de nombreux écrits sur le web, des conférences et des publications papiers existent, il suffit de s’y intéresser. Pour ma part, si cet article rencontre du succès je serai ravie de proposer de temps à autre des focus sur une problématique d’accessibilité.