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 Le Tour du Parc.

Navigation

Retour à la page d’accueil du site

Le logo LE TOUR DU PARC vous permet, par un simple clic, de retourner sur la page d’accueil.

BARRE DE NAVIGATION / MENU

La barre de navigation, située en haut des pages, permet aux utilisateurs de naviguer de manière efficace dans le site web, en leur fournissant un accès direct aux pages les plus importantes. Elle est présentée de manière à faciliter la découverte des sections du site web, avec des sections principales et des sous catégories sous forme de menu déroulant. Elle est présente sur toutes les pages du site, ce qui permet aux utilisateurs de se déplacer facilement entre les pages sans avoir à retourner à la page d’accueil.

LE FIL D’ARIANE

Le fil d’Ariane est un outil de navigation qui permet aux utilisateurs de voir où ils se trouvent sur un site web et de retracer leur parcours. Affiché sous forme de liens, chaque lien correspond à une page ou une catégorie visitée précédemment. Il est situé en haut de la page et permet aux utilisateurs de retourner rapidement aux pages précédemment visitées.

Il est aussi bénéfique pour les accesseurs qui utilisent des logiciels d’assistants pour naviguer. Il aide également les moteurs de recherche à comprendre la structure du site et permets une meilleure indexation des contenus.

bouton outils accessibilité

Outils d'aide à l'accessibilité

Le bouton des outils d’accessibilité est situé sur la droite de l’écran et flottant, c’est-à-dire qu’il reste visible à l’écran même lorsque l’utilisateur fait défiler la page vers le bas.  Il est représenté par une icône blanche sur fond bleu.

Augmenter le texte

L’augmentation de la taille de texte est une fonctionnalité qui permet d’augmenter la taille des caractères utilisés sur le site web pour améliorer la lisibilité pour les utilisateurs ayant des difficultés visuelles. Cela peut aider les personnes ayant des problèmes de vue à mieux lire le contenu. Il vous suffit de cliquer sur le bouton dédié pour augmenter la taille des caractères utilisés sur le site, cela vous permettra de mieux lire les informations présentes sur le site web. Il est également possible de désactiver cette fonctionnalité en cliquant sur le bouton réinialiser ou en diminuant la taille du texte.

Diminuer le texte

La diminution de la taille de texte est une fonctionnalité qui permet de diminuer la taille des caractères utilisés sur le site web pour améliorer l’expérience utilisateur pour les personnes ayant un écran de petite taille ou qui préfèrent une présentation plus compacte. Il vous suffit de cliquer sur le bouton dédié pour diminuer la taille des caractères utilisés sur le site, cela vous permettra de mieux visualiser le contenu sur votre écran. Il est également possible de désactiver cette fonctionnalité en cliquant sur le bouton réinitialiser ou en augmentant la taille originale.

Niveau de gris

Le niveau de gris est une fonctionnalité qui permet de changer les couleurs du site web en utilisant des nuances de gris. Cela peut aider les utilisateurs ayant des difficultés visuelles à mieux lire le contenu, car cela réduit la distraction causée par les couleurs vives et les contrastes importants. Il vous suffit de cliquer sur un bouton dédié pour activer cette fonctionnalité, cela vous permettra de voir le contenu du site en nuances de gris, vous pourrez également désactiver cette fonctionnalité en cliquant sur le même bouton. Cela vous permettra de mieux lire les informations présentes sur le site web, surtout si vous avez des difficultés de perception des couleurs.

Haut contraste

Le haut contraste est une fonctionnalité qui permet de changer les couleurs de fond et de texte du site web pour augmenter le contraste entre le texte et le fond. Cela facilite la lecture pour les utilisateurs ayant des difficultés visuelles, notamment pour les personnes ayant des troubles de perception des couleurs ou des troubles de vision. Il vous suffit de cliquer sur le bouton dédié pour activer cette fonctionnalité, vous pouvez également désactiver cette fonctionnalité en cliquant sur le même bouton. Cela vous permettra de mieux lire les informations présentes sur le site web.

Contraste négatif

Le bouton de contraste négatif est une fonctionnalité qui vous permet de changer les couleurs de fond et de texte du site web pour en améliorer la lisibilité. Il inverse les couleurs, permettant ainsi une meilleure visibilité pour les personnes ayant des difficultés visuelles, notamment pour les personnes ayant des troubles de perception des couleurs ou des troubles de vision. Il vous suffit de cliquer sur ce bouton pour activer ou désactiver cette fonctionnalité. Cela vous permettra de mieux lire les informations présentes sur le site web.

Arrière-plan clair

Le fond clair est une fonctionnalité qui permet de changer l’apparence du site web en utilisant des couleurs claires pour le fond et des couleurs foncées pour le texte. Cela permet de créer un contraste élevé entre le texte et le fond, ce qui facilite la lecture pour les utilisateurs ayant des difficultés visuelles, notamment pour les personnes ayant des troubles de perception des couleurs ou des troubles de vision. Il vous suffit de cliquer sur ce bouton pour activer cette fonctionnalité, et vous pouvez également désactiver cette fonctionnalité en cliquant sur le même bouton. Cela vous permettra de mieux lire les informations présentes sur le site web.

Liens soulignés

Les liens soulignés est une fonctionnalité qui permet de mettre en évidence les liens hypertextes dans le site web en les soulignant. Cela permet aux utilisateurs de mieux les repérer, et de comprendre qu’il s’agit d’un lien cliquable qui les redirigera vers une autre page ou un autre site. Cela est particulièrement utile pour les utilisateurs qui ont des difficultés à utiliser la souris ou à repérer les liens, ils peuvent ainsi facilement identifier les liens et naviguer sur le site. Il vous suffit de cliquer sur le bouton pour activer cette fonctionnalité, et vous pouvez également désactiver cette fonctionnalité en cliquant sur le même bouton. Cela vous permettra de naviguer plus facilement sur le site web.

Police lisible

La police lisible est une fonctionnalité qui permet de changer la police de caractères utilisée sur le site web en une police plus grande ou plus facile à lire pour les utilisateurs ayant des difficultés visuelles. Cela permet notamment aux personnes ayant des problèmes de vue de mieux lire les informations présentes sur le site. Il vous suffit de cliquer sur un bouton dédié pour activer cette fonctionnalité, vous pourrez alors sélectionner la police de caractères la plus adaptée pour vous, et vous pouvez également désactiver cette fonctionnalité en cliquant sur le même bouton. Cela vous permettra de mieux lire les informations présentes sur le site web.

RéinitialiSer

Le bouton de réinitialisation est une fonctionnalité qui permet aux utilisateurs de revenir aux paramètres d’affichage d’origine d’un site web après avoir utilisé des fonctionnalités d’accessibilité telles que la taille de la police, le contraste, la couleur, etc. Il permet de réinitialiser les réglages et de retrouver l’affichage initial, tel qu’il était avant de les avoir modifiés. Il vous suffit de cliquer sur un bouton dédié pour réinitialiser les paramètres, cela vous permettra de revenir aux paramètres d’affichage d’origine, cela vous permettra de retrouver l’affichage initial du site, pour continuer à naviguer de manière normale sur le site. Cela est particulièrement utile pour les personnes qui souhaitent revenir à l’affichage par défaut après avoir essayé différentes options d’accessibilité.

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

Partager cette page:

Facebook
Twitter
LinkedIn
Skype
Telegram
WhatsApp
E-mail
Imprimer
Aller au contenu principal