Nous avons porté une attention particulière à l'accessibilité des contenus de ce site. Voici les développements mis en place et les outils utilisés pour l’accessibilité du site Rennes, Ville et Métropole.
Navigation
Le menu
Un seul menu rassemble les fonctionnalités du site, il est situé en haut à droite et reste présent lors du scroll de la page. Il est navigable par le clavier.
Le logo RM permet de retourner à l’accueil du site.
Le fil d'ariane
Le fil d’ariane se trouve en haut de chaque page et permet de repérer la page en cours et de naviguer facilement dans les pages précédentes.
Moteur de recherche
Un moteur de recherche, présent sur toutes les pages, permet d’accéder à l’ensemble du site. Il reste présent au scroll de la page afin d’être accessible rapidement.
Il propose une auto-complétion permettant de trouver facilement les termes recherchés. Celui-ci permet la navigation au clavier.
Outils d'aide à l'accessibilité
Barre d'outils
Une barre d’outils est présente sur les articles. Elle contient des boutons permettant d’agrandir (A+) et/ou de réduire (A-) le corps de texte afin d’en faciliter la lecture. Une fois sélectionnée, la taille du texte reste la même pour toute la session de navigation sur le site, afin de ne pas avoir à refaire la manipulation.
Augmentation des contrastes
Une attention particulière a été portée sur le choix des couleurs, afin que les contrastes soient suffisamment forts pour les personnes mal-voyantes.
Dans le cas où les couleurs se trouvent non-visibles, un bouton permettant d’augmenter les contrastes à été mis en place afin d’aider ces personnes, sans gêner la navigation. Ce bouton, présent sur toutes les pages et accessible à tous moments, permet également de réduire les animations du site.
Bouton de retour en haut de page
Sur chaque page du site un bouton est présent pour permettre à l’utilisateur de remonter en haut de la page.
Outils de tests et validation
https://developers.google.com/web/tools/chrome-devtools/ : Permettant de tester l’accessibilité
https://wave.webaim.org/ : Permettant de mettre en avant les règles d’accessibilité
https://webaim.org/resources/contrastchecker/ : Analyseur de contrastes