Un site Internet accessible permet à tous les utilisateurs, y compris les personnes qui présentent un handicap et utilisent des logiciels ou matériels spécialisés, d'accéder à ses contenus et services. La notion d’accessibilité numérique définie dans le Référentiel Général d'Amélioration d'Accessibilité (RGAA) explique clairement en quoi cela consiste.
Qu’entendons-nous par l’accessibilité numérique ?
L’accessibilité numérique consiste à rendre les services en ligne accessibles aux personnes en situation de handicap :
- Perceptibles : Faciliter la perception visuelle et auditive du contenu par l’utilisateur ; proposer des équivalents textuels à tout contenu non textuel
- Utilisables : Fournir à l’utilisateur des éléments d’orientation pour naviguer, trouver le contenu ; rendre toutes les fonctionnalités accessibles au clavier ;
- Compréhensibles : Faire en sorte que les pages fonctionnent de manière prévisible ; aider l’utilisateur à corriger les erreurs de saisie.
- Robustes : Optimiser la compatibilité avec les utilisations actuelles et futures, y compris avec les technologies d’assistance.
https://www.numerique.gouv.fr/publications/rgaa-accessibilite/
L’accessibilité couvre également des notions liées à la compatibilité matérielle et logicielle pour les utilisations actuelles et futures. Tous les utilisateurs en situation d'handicap, quel qu’il soit, pourront alors : percevoir, comprendre, naviguer, mais aussi interagir, lire, utiliser et créer du contenu ou apporter leur contribution sur le site Internet.
Selon les différents types d'handicaps, vous trouverez ci-dessous les obstacles les plus courants qui peuvent affecter l’accès au Web :
- Images non assorties d’un texte alternatif,
- Liens identiques sur une même page,
- Absence d’alternatives aux cadres ou aux scripts,
- Contrastes de couleurs peu élevés,
- Manque d’adaptation au niveau du clavier,
- Besoin de manipuler simultanément le clavier et la souris,
- Aménagement de signaux sonores sans légende,
- Clips vidéo non assortis d’un sous-titrage texte,
- Mauvaise utilisation des éléments structuraux d’une page,
- Manque de structure consistante pour la navigation.
L’aide à la navigation du site
- Logo du site
Le logo situé en haut à gauche du site ainsi que sur l’ensemble de pages du site, permet à tous utilisateurs de retourner sur la page d’accueil en un clic.
- Menu de navigation
Le menu de navigation permet d’accéder aux rubriques principales du site Internet par le biais d’un ensemble de liens qui redirigent vers les différentes pages ou sections.
Il se compose de deux niveaux en haut de page :
- Les rubriques principales du site cliquables vous donnent accès à leur contenu.
- Les sous-rubriques cliquables également ouvrent sur des pages de contenus lorsque vous survolez chacune des rubriques principales avec votre souris.
Un menu de navigation est aussi disponible en pied de page, donnant accès aux principales rubriques du site ainsi qu’à des pages d’information.
- Fil d’ariane
Le fil d’Ariane est un système de navigation aidant les utilisateurs à se situer sur un site Internet. Il indique la position de l’internaute dans l’arborescence du site par rapport à la page d’accueil.
Situé sur chaque page, le fil d’Ariane est intégré au même emplacement sur l’ensemble des pages du site (hors page d’accueil), juste au-dessus du contenu principal de la page. Il reflète l’architecture du site Internet et vous permet de vous repérer dans l’arborescence de ce dernier, tout en vous permettant de revenir au niveau du menu de navigation supérieur.
Dans l’ordre, il est composé :
- D’un lien cliquable menant à la page d’accueil du site,
- D’un lien cliquable vers la page séparant la page d’accueil du site de la page de contenus,
Et séparé par le caractère visible « > ».
- Page d’accueil
La page d’accueil du site Internet vous donne accès à divers éléments :
- Menu de navigation composé de deux niveaux,
- Informations « voyageurs » : recherche d’itinéraire, infos trafic
- Actualité du réseau,
- Navigation
Si vous ne souhaitez pas utiliser votre souris ou le pavé tactile de votre PC portable, vous pouvez opter pour :
- La navigation par tabulation via la touche « TAB » de votre clavier pour naviguer de rubrique en rubrique sur la page. Dès que vous êtes sur la rubrique souhaitée, utilisez la touche « Entrée » pour valider et accéder au contenu désiré.
- La barre d’espace de votre clavier pour vous déplacer sur une page de haut en bas.
- La touche « TAB » pour remonter en haut de page.
Sinon vous pouvez utiliser les touches « flèches » de votre clavier pour déplacer les curseurs de haut en bas ou de gauche à droite.
Les images et les affichages
- Images
Sur les images publiées sur le site qui redirigent vers une page de contenus, une alternative textuelle est associée via l'attribut « alt ». En revanche, quand les images sont purement décoratives, l'attribut « alt » n’est pas utilisé.
- Taille de l’affichage / du texte
La taille de l’affichage / du texte affiché dans votre écran peut être modifier via des raccourcis clavier dont vous ne pourrez plus vous passer.
Pour les utilisateurs de PC :
Pour réduire la page = Touche Ctrl + la touche « - »
Pour agrandir la page = Touche Ctrl + la touche « + »
Pour revenir à la taille normale de la page = Touche Ctrl + la touche « 0 »
Pour les utilisateurs de Macintosh
Pour réduire la page = Touche Cmd + la touche « - »
Pour agrandir la page = Touche Cmd + la touche « + »
Pour revenir à la taille normale de la page = Touche Cmd + la touche « 0 »
Autre possibilité via les navigateurs Web comme Google Chrome, Microsoft Edge et Firefox
- Cliquez sur les 3 petits points / barres situés en haut à droite de votre écran,
- Accédez à la rubrique « Zoom »,
- Cliquez sur « - » pour réduire la taille du texte ou sur « + » pour l’augmenter la taille du texte,
- Possibilité aussi d’afficher la fenêtre en plein écran en cliquant sur le picto situé à droite du caractère « + ».
- Résolution d’écran
Ce site est optimisé pour une résolution 800x600 et a été conçu en responsive design pour s’adapter à tous types d’écrans : PC, smartphone et tablette.
- Mise en forme suffisamment lisible pour les personnes dyslexiques
Afin de permettre une lecture la plus idéale possible :
- Tous les textes intégrés sur le site Internet ne sont pas justifiés.
- L’interlignage et l’espace entre les paragraphes sont équivalents à au moins 1,5 fois la taille du texte.
- En réduisant la largeur de la fenêtre d'affichage, vous avez la possibilité de restreindre la largeur des blocs de texte à 80 caractères.
- Contrôle du contraste
Tout le monde ne distingue pas les couleurs de la même façon. Certains utilisateurs peuvent être daltoniens, d’autres peuvent être malvoyants. D’autres encore peuvent se trouver dans différents environnements ou situations qui rendent la perception des couleurs et des contrastes complexes.
Pour augmenter rapidement le contraste du site Internet, à l'aide d'un raccourci clavier :
- Presser simultanément les touches « Alt » + « Maj » (représenté par la flèche du haut situé à gauche du clavier) + « Impr Ecran ».
- Une fenêtre de « Contraste élevé » s'ouvre alors et vous demande si vous souhaitez l’activer pour améliorer la lisibilité de l’affichage en appliquant un modèle de couleurs système spécial. Pour ce faire, cliquez « Oui ».
- Le contraste de l'écran est alors augmenté, le texte passe en blanc sur fond noir, ce qui est plus lisible.
- Et si vous souhaitez faire marche arrière, il vous suffit d’effectuer de nouveau le raccourci clavier « Alt + Maj + Impr Ecran » et validez pour retrouver le contraste normal.
Comptabilité avec les navigateurs les plus utilisés
- Desktop
- Google Chrome : dernière version
- Mozilla Firefox : dernière version
- Safari : dernière version
- Microsoft Edge : dernière version
- Mobile
- Chrome mobile : dernière version
- Safari mobile : dernière version
- Samsung Internet : dernière version
Pour nous contacter
Nous nous engageons à améliorer en permanence l’accessibilité de nos contenus pour que l’accès à l’information de ce site soit facile d’utilisation pour tout le monde. De ce fait, nous vous invitons à faire remonter toute anomalie que vous pourriez constater ou demande, en nous contactant via notre formulaire de contact.