CMS et Accessibilité · 2016. 5. 12. · - 4/17 - Copyright © LTDC De nombreux handicaps existent, et chacun des cinq sens peut être touchés. C’est pourquoi l’accessibilité

CMS et Accessibilité

La Tourdu Château

Copyright © LTDC

Copyright © LTDC

A. Introduction...................................................................................p3

B. Présentation des différents handicaps.........................................p4

C. CMS................................................................................................p7

D. Joomla.............................................................................................p8 E. Drupal.............................................................................................p9

F. Wordpress......................................................................................p10

G. Conclusion...................................................................................p15

H. Sources.........................................................................................p17

Table des matières

- 2/17 -

Copyright © LTDC- 3/17 -

A. Introduction

Le CMS (Content Management System) est un site internet disposant de fonctionnalités et offrant une interface d’administration facile d’utilisation. C’est devenu l’outil par excellence pour créer un site internet pour les débutants en programmation. Néanmoins, les CMS ont été réalisés pour que le plus grand nombre puisse y avoir accès. Donc, les personnes handicapées ne peuvent pas toujours les utiliser de façon optimale. Cette optimisation des sites pour les personnes handicapées ou possédant certaines déficiences spécifiques se nomme accessibilité. Il existe de multiples outils en langage de programmation pour façonner un site accessible. Cependant les CMS fonctionnent avec des plugins ; l’accessibilité est donc limitée aux plugins disponibles (en partant du principe que l’on n’ajoute pas de code manuellement).

Différents plugins ont été mis au point dans le but de faciliter l’accès au site, mais il est aussi possible de le simplifier davantage en respectant les validations du W3C (avec les renseignements des balises alt pour les images par exemple).


De nombreux handicaps existent, et chacun des cinq sens peut être touchés. C’est pourquoi l’accessibilité permet aux sites internet d’être au maximum utilisables et adaptés à chaque utilisateur.

Il existe cependant différents degrés dans le handicap; en effet cela peut aller d’une simple gêne à une absence totale d’un des sens. Nous avons donc choisi de nous concentrer sur la vision et l’audition, deux sens essentiels lors de l’utilisation d’un site internet. Cependant nous parlerons également des autres sens lorsqu’un plugin permettra une adaptabilité plus facile.

Pour commencer, nous allons voir les différents handicaps liés à la vue qui peuvent nuire à l’utilisation d’un site web.

Les troubles de la vision sont très variés : vue floutée, vision centrale ou périphérique altérées, perte de la vue dans une partie du champ visuel... Il faudra donc faire attention à ce que tous les caractères d’imprimerie soient visibles et lisibles par tous et que la luminosité ne soit pas une gêne. Enfin, les problèmes concernant la vision se positionnent aussi au niveau des couleurs ; chez certaines personnes elles sont absentes (vision en nuance de gris et de blanc) ou mélangées.

B. Présentation des différents handicaps


Nous avons établi des niveaux de priorité :

Niveau de priorité le plus élevé: personne aveugle mais pouvant utiliser un lecteur d’écran.Niveau de priorité intermédiaire: possibilité de changer le degré de contraste, pour les déficiences concernant les couleurs. Niveau de priorité le moins élevé: mettre en place un degré de contraste suffisant pour pouvoir être lu aisément par tout le monde.

Nous avons par la suite choisi de prendre en compte les troubles de l’audition. Elle peut être totale ou partielle et il va donc falloir que tous les contenus audio puissent être écrits et lus par les personnes souffrants de cet handicap.

Niveau de priorité le plus élevé: personnes atteintes d’une perte totale de l’audition. Niveau de priorité intermédiaire : personnes souffrants de troubles partiels de l’ouïe. Il faudra également prendre en compte le fait que certaines personnes ne savent pas ou possèdent des difficultés à lire des textes (dyslexie ou illettrisme entre autre).

Niveau de priorité le plus élevé: personnes ne sachant pas lire et/ou étant analphabète. Niveau de priorité intermédiaire: personnes souffrant de dyslexie ou de quelconques problèmes de lecture.


De plus, il faudra tenir compte des déficiences physique telles que l’arthrite qui rendent douloureux certains mouvements du corps et gènent l’utilisateur. Certaines peuvent être déclarées comme temporaires, des blessures avec des membres cassés, foulés etc… Peu d’accessibilités des sites pensent à faire en sorte d’atténuer les douleurs chez leurs utilisateurs.

Niveau de priorité le plus élevé: déficience physique douloureuse et permanente. Niveau de priorité intermédiaire: personnes souffrant de douleurs passagères mais corrigibles.

Il existe également des déficiences dites neurologiques, cognitives, ou tout simplement dû au vieillissement, qui rendent la visite d’un site internet plus compliqué qu’à l’accoutumée.

Niveau de priorité le plus élevé: personne souffrant de déficits neurologiques ou cognitifs importants.Niveau de priorité intermédiaire: personnes atteintes de déficiences plus légères mais dégénératives. Niveau de priorité le moins élevé: vieillissement.

Enfin les troubles mineurs du comportement, comme l’hyperactivité, peuvent être trouvés, mais des solutions concernant les sites internet peuvent être apportées afin de rendre la circulation sur le site plus fluide et de meilleure qualité.


C. CMS

Pour qu’un site internet soit accessible à tous, il doit présenter différents aspects caractéristiques. Tout d’abord, il doit avoir des contenus perceptibles, c’est à dire qu’il doit fournir des alternatives textuelles pour tous son contenu multimédia et permettre de le voir et de l’entendre clairement. De plus, le site devra également être utilisable au clavier, et fournir des aides aux utilisateurs handicapés pour naviguer. Les contenus, s’ils sont textuels, devront être clairs et lisibles.

Il s’agit de certaines des règles du WCAG 2.0 (Web Content Accessibility Guidelines) pour tester l’accessibilité d’un site internet. Nous sommes donc partis du principe que nous devions trouver des plugins qui devaient répondre à toutes ces attentes en nous restreignant sur trois CMS: Wordpress, Joomla et Drupal.


Screen Reader est un plugin payant (39$) qui permet à l’utilisateur d’effectuer une lecture audio du contenu ainsi que de modifier l’affichage selon les besoins. Ce plugin permet donc de palier les problèmes de vue tels que la myopie et le daltonisme, mais la dyslexie. L’utilisateur a accès à une palette de touches qui permettent de modifier le contenu. On y trouve par exemple les boutons de lecture pour les pistes audio qui permettent la lecture du contenu principal ou d’une zone de texte sélectionnée, ainsi que des boutons pour modifier la taille du texte ou encore la police (pour les dyslexiques) et des boutons pour changer le contraste du contenu. Ce plugin est donc assez complet comparé aux quelques autres disponibles qui permettent seulement de changer les tailles et le contraste du contenu.

Zoom Lightbox permet de zoomer sur une partie de la page de façon simple et intuitive, à la manière d’une loupe. Il reste cependant cantonné à une seule utilisation, celle de zoomer.

D. Joomla


E. Drupal

Drupal est un CMS qui possède quelques plugins pour aider à l’accessibilité. Il propose deux alternatives au zoom des navigateur : text_resize et textsize. Tous deux vont permettre de changer la taille d’un texte, et donc permettre son adaptation aux besoins de l’utilisateur. En outre, Drupal possède également un plugin du nom de « Accessibility toolkit » ; il s’agit d’une extension plus spécialisée, pour aider les handicapes liés à la vue : la dyslexie, les problèmes de visions de contrastes et ceux de la taille de la typographie. Il existe également un autre plugin qui va permettre d’isoler les mots pour aider à la lecture. Cependant, dans l’ensemble, l’éventail de choix sur Drupal est assez limité, et se concentre sur les handicaps visuels. Rien n’est proposé pour les handicaps auditifs ou moteurs. Si vous êtes intéressez, voici une liste de plugins Drupal étant adapté pour l’accessibilité: https://groups.drupal.org/node/85199

De façon générale, les CMS ne proposent que des plugins facilitant l’accès aux sites internet pour les utilisateurs atteints d’un handicap lié à la vue ; pour que le site soit accessible d’autres façons, il est nécessaire de passer par du code (HTML, CSS, JavaScript…), par du matériel spécialisé (écran spécialisé pour la lecture…), par une réflexion préalable (sous-titres d’une vidéo ou présence d’une personne utilisant le langage des signes, alternative audio pour les personnes ayant des problèmes de lecture…).


Worpress propose peu de solutions pour favoriser l’accessibilité aux personnes handicapées, à l’exception du plugin WP-Accessibility. Son champ d’action est vaste et permet d’augmenter ou de diminuer la taille de police pour une meilleure visibilité du contenu, ou encore de modifier les contrastes. L’utilisateur peut aussi naviguer à l’aide de son clavier et se déplacer de lien en lien avec la possibilité d’y accéder. Le dernier avantage que peut apporter ce plugin est la mise en place d’une description plus importante pour les fichiers multimédia tels que les images ou les vidéos.

Comme vous pouvez le voir, de nombreux paramètres peuvent être cochés et modifiés sur le front office du site.

F. Wordpress



Copyright © LTDC

Il suffit pour l’administrateur de cocher ces paramètres et de les configurer en fonction des utilisateurs qui iront sur le site. Le fait que le back-office soit en grande majorité en français permet une compréhension plus facile ; mais le plugin est également accessible en anglais. Une fois les paramètres sélectionnés, les modifications apparaissent directement sur le site.

Par exemple, nous avons choisi de mettre en place la barre d’accessibilité sur le côté de l’écran afin que l’utilisateur puisse choisir ses propres paramètres pour son confort personnel. Cette barre est fixe et suit l’utilisateur pour qu’il puisse changer de paramètres à tout moment.

Sur la barre à côté, nous avons par exemple sélectionné le changement de contraste, la mise en place de niveau de gris, et le changement de la taille de police.

- 13/17 -

Copyright © LTDC

Ci-dessous, voilà un aperçu du site avant le changement de contraste puis après que l’utilisateur l’ait sélectionné. Cette modification permettra donc par exemple aux personnes souffrant de daltonisme ou ne supportant pas une trop grande luminosité d’être plus à l’aise lors de la navigation. Nous pouvons aussi remarquer que le fait de cocher le paramètre pour rendre obligatoire le soulignement des liens permet une meilleure compréhension du site et de sa navigation ; l’utilisateur connait ainsi les zones de texte cliquable ou non d’un simple coup d’oeil.

Le plugin Screen Reader est aussi disponible sur Wordpress et possède les mêmes fonctions que sur Joomla. Le seul point négatif est le fait que ce plugin est payant, comme pour Joomla.WP-OpenDyslexic permet quant à lui d’aider à la lecture des contenus pour les personnes dyslexiques.

- 14/17 -


G. Conclusion

Certaines précautions peuvent être mises en place afin de faciliter la navigation sur les sites internet. Il peut s’agir par exemple de technologies d’assistance logicielle comme des lecteurs d’écran, des logiciels d’agrandissement, ou encore des hauts parleurs. On peut aussi par exemple mettre en place des transcriptions textuelles sur les vidéos afin d’en faciliter la compréhension.

Copyright © LTDC

On peut également prendre appui sur le W3C qui est désormais un des piliers de l’accessibilité. En effet, certaines validations comme la mise en place de la balise “Alt” pour les images posent les bases de l’accessibilité pour un site internet. Les plugins des différents CMS présentés ci-dessus aident à répondre à certaines attentes en matière d’accessibilité. Même s’il reste très compliqué, voire impossible, de rendre un site accessible à toutes les personnes atteintes de handicap, certains plugins de CMS permettent tout de même de rendre plus facile la lisibilité et la compréhension du site en question.

- 16/17 -


H. Sources

http://fr.sliehare.net/accesbilis/atelier-accessibilitewordcamp2015enligne Power point sur l’accessibilité 2015http://www.accessiweb.org/https://wordpress.org/plugins/accessibility-widget/https://wordpress.org/plugins/wp-accessibility/https://2014.paris.wordcamp.org/session/accessibilite-wordpress-creer-des-sites-pour-tous-les-utilisateurs/http://www.accessiweb.org/tl_files/doc_telechargement/gta21/GTA21_LivreBlanc_CMS_v1.0.pdfhttp://fr.slideshare.net/accesbilis/atelier-accessibilitewordcamp2015enligne?next_slideshow=1 https://wordpress.org/plugins/search.php?q=wcag

Documents

CMS et Accessibilité · 2016. 5. 12. · - 4/17 - Copyright © LTDC De nombreux handicaps existent, et chacun des cinq sens peut être touchés. C’est pourquoi l’accessibilité