Aides à la navigation dans le site
Lien d’accès rapide
Le premier lien disponible dans chaque page de ce site est « Aller au contenu ». Ce lien permet d’aller directement à la zone de contenu principal sans passer par l’en-tête du site afin d’accélérer la navigation si vous naviguez au clavier.
Systèmes de navigation disponibles
Ce site web contient trois systèmes de navigation différents :
- Un menu de navigation est présent dans l’en-tête du site et permet d’accéder aux rubriques principales du site ;
- Une page plan du site est présente en lien dans le pied de page du site et représente l’architecture générale du site ;
- Un moteur de recherche présent dans l’en-tête du site permet de rechercher dans toutes les pages du site.
Réalisation du site selon les règles d’accessibilité
Ce site web a été réalisé selon les règles d’accessibilité pour les contenus web. Les points suivants ont notamment été vérifiés :
- Validité du code ;
- Navigation au clavier ;
- Scripts et formulaire de contact testés avec le lecteur d’écran NVDA sur Firefox ;
- Structuration des contenus avec des titres ;
- Zoom à 200% ;
- Contrastes de couleurs ;
- etc.
Toutefois, aucun audit d’accessibilité formel n’a été réalisé pour le moment. Des défauts pourraient donc subsister. Si vous rencontrez un problème, n’hésitez pas à me le signaler via mon formulaire de contact.
Problème de visibilité du focus sur Safari
J’ai souhaité assurer une visibilité maximale de la prise de focus pour la navigation au clavier. Toutefois, sur le navigateur web Safari et par sa faute, les styles de focus personnalisés ne fonctionnent pas correctement. Par conséquent, sur ce dernier, c’est le style de focus natif du navigateur qui s’affiche, bien qu’il présente des problèmes de contrastes par endroit.
Aides à la personnalisation du site
Il existe différents outils permettant d’adapter l’affichage du site afin de répondre à certains besoins. Je vous en propose ici une liste non-exhaustive.
Les navigateurs web
Les navigateurs web proposent différentes options de personnalisation (couleurs, taille et police du texte…).
Firefox
- Changer les polices et couleurs que les sites web utilisent ;
- Taille de police et zoom : augmenter la taille des pages web ;
- Sur les pages de contenu, il est également possible d’activer le « Mode lecture » afin de « retirer tout le superflu » pour se concentrer sur le texte (adaptation du rendu visuel, lecture audio du texte…).
Chrome
Sur ordinateur
Sur mobile
- Utiliser Zoom de la page pour Chrome sur Android ;
- Modifier les paramètres du texte et de l’affichage sur Android.
Edge
Safari
Sur ordinateur
Sur mobile et tablette
Les paramètres systèmes
Windows
Sur Windows, plusieurs fonctionnalités d’accessibilité sont disponibles. Il est également possible d’activer un mode « Contrastes augmentés » qui utilise un nombre limité de couleurs avec des contrastes renforcés :
- Découvrir les fonctionnalités d’accessibilité de Windows (version 10 et 11) ;
- Modifier les contrastes des couleurs dans Windows (version 10 et 11).
MacOS
Sur Mac, un grand nombre de paramètres sont disponibles pour modifier ou inverser les couleurs d’affichage, renforcer les contrastes, modifier la taille du texte ou encore réduire les animations :