Accessibilité

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 de la ville de Roubaix.

Navigation

Le menu

Un seul menu rassemble les fonctionnalités du site, il est situé en haut de page et est navigable par le clavier.

Le logo Ville de Roubax 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 en haut de page. Elle contient des boutons permettant d’agrandir et/ou de réduire 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 dans la navigation et accessible à tous moments.  

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

Les cookies nous permettent de vous offrir une meilleure expérience. En utilisant nos services, vous acceptez notre utilisation des cookies. En savoir plus