Foulées Drouaises 2022

Statut de conformité

Nous sommes fermement convaincus que l'internet devrait être disponible et accessible à tous, et nous nous engageons à fournir un site web accessible au plus grand nombre, indépendamment des circonstances et des capacités.

Pour ce faire, nous nous efforçons de respecter le plus strictement possible les directives d'accessibilité au contenu Web 2.1 (WCAG 2.1) du World Wide Web Consortium (W3C) au niveau AA. Ces directives expliquent comment rendre le contenu Web accessible aux personnes souffrant d'un large éventail de handicaps. Le respect de ces directives nous permet de garantir que le site web est accessible à toutes les personnes : aveugles, personnes souffrant de handicaps moteurs, de déficiences visuelles, de handicaps cognitifs, etc.

Ce site web utilise diverses technologies destinées à le rendre aussi accessible que possible à tout moment. Nous utilisons une interface d'accessibilité qui permet aux personnes souffrant d'un d'ajuster l'interface utilisateur du site et de l'adapter à leurs besoins personnels.

En outre, le site Web utilise une application basée sur l'intelligence artificielle qui fonctionne en arrière-plan et optimise constamment son niveau d'accessibilité. Cette application corrige le HTML du site Web, adapte sa fonctionnalité et son comportement aux lecteurs d'écran utilisés par les utilisateurs aveugles et aux fonctions du clavier utilisées par les personnes souffrant de handicaps moteurs.

Si vous avez découvert un dysfonctionnement ou si vous avez des idées d'amélioration, nous serons heureux de vous entendre. Vous pouvez contacter les opérateurs du site en utilisant l'adresse électronique suivante

Lecteur d'écran et navigation au clavier

Notre site Web met en œuvre la technique des attributs ARIA (Accessible Rich Internet Applications), ainsi que diverses modifications comportementales, afin de garantir que les utilisateurs non-voyants qui visitent le site avec des lecteurs d'écran soient en mesure de lire, de comprendre et d'apprécier les fonctions du site. Dès qu'un utilisateur équipé d'un lecteur d'écran entre sur votre site, il reçoit immédiatement une invitation à saisir le profil de lecteur d'écran afin de pouvoir naviguer et utiliser votre site efficacement. Voici comment notre site couvre certaines des exigences les plus importantes pour les lecteurs d'écran, avec des captures d'écran de console d'exemples de code :

1. Optimisation pour les lecteurs d'écran: nous exécutons un processus d'arrière-plan qui apprend les composants du site Web de haut en bas, afin de garantir une conformité permanente, même lors de la mise à jour du site. Dans le cadre de ce processus, nous fournissons aux lecteurs d'écran des données significatives en utilisant l'ensemble des attributs ARIA. Par exemple, nous fournissons des étiquettes de formulaire précises ; des descriptions pour les icônes exploitables (icônes de médias sociaux, icônes de recherche, icônes de panier, etc.) ; des indications de validation pour les entrées de formulaire ; des rôles d'éléments tels que les boutons, les menus, les dialogues modaux (popups), et autres. En outre, le processus d'arrière-plan analyse toutes les images du site Web et fournit une description précise et significative basée sur la reconnaissance d'objets d'image sous forme de balise ALT (texte alternatif) pour les images qui ne sont pas décrites. Il extrait également les textes intégrés à l'image, à l'aide d'une technologie de reconnaissance optique de caractères (OCR). Pour activer à tout moment l'adaptation aux lecteurs d'écran, il suffit aux utilisateurs d'appuyer sur la combinaison de touches Alt+1. Les utilisateurs de lecteurs d'écran reçoivent également des annonces automatiques les invitant à activer le mode lecteur d'écran dès qu'ils entrent sur le site web.

   Ces ajustements sont compatibles avec tous les lecteurs d'écran courants, y compris JAWS et NVDA.

2. Optimisation de la navigation au clavier : Le processus d'arrière-plan ajuste également le code HTML du site Web et ajoute divers comportements à l'aide du code JavaScript pour rendre le site Web utilisable au clavier. Il est ainsi possible de naviguer sur le site à l'aide des touches Tab et Shift+Tab, d'utiliser des listes déroulantes avec les touches fléchées, de les fermer avec Esc, de déclencher des boutons et des liens à l'aide de la touche Entrée, de naviguer entre les éléments de type radio et case à cocher à l'aide des touches fléchées et de les remplir avec la barre d'espace ou la touche Entrée. Le processus d'arrière-plan gère également les popups déclenchées en déplaçant le focus du clavier vers elles dès qu'elles apparaissent, et en ne laissant pas le focus dériver en dehors.

   Les utilisateurs peuvent également utiliser des raccourcis tels que "M" (menus), "H" (en-têtes), "F" (formulaires), "B" (boutons) et "G" (graphiques) pour accéder à des éléments spécifiques.

Profils d'invalidité pris en charge sur notre site web

• Mode sécurisé pour l'épilepsie : ce profil permet aux personnes épileptiques d'utiliser le site web en toute sécurité en éliminant le risque de crises d'épilepsie résultant des animations clignotantes et des combinaisons de couleurs risquées.
• Mode malvoyant : ce mode ajuste le site Web pour la commodité des utilisateurs souffrant de déficiences visuelles telles qu'une vue dégradée, une vision en tunnel, une cataracte, un glaucome, etc.
• Cognitive Disability Mode: ce mode propose différentes options d'assistance pour aider les utilisateurs souffrant de troubles cognitifs tels que la dyslexie, l'autisme, la CVA, et autres, à se concentrer plus facilement sur les éléments essentiels du site Web.
• Mode "ADHD Friendly" : ce mode aide les utilisateurs souffrant de TDAH et de troubles du développement neurologique à lire, à naviguer et à se concentrer sur les principaux éléments du site Web plus facilement tout en réduisant considérablement les distractions.
• Mode aveugle : ce mode configure le site Web pour qu'il soit compatible avec les lecteurs d'écran tels que JAWS, NVDA, VoiceOver et TalkBack. Un lecteur d'écran est un logiciel pour les utilisateurs aveugles qui est installé sur un ordinateur et un smartphone, et les sites web doivent être compatibles avec lui.
• Profil de navigation du clavier (handicapés moteurs) : ce profil permet aux personnes handicapées moteur de faire fonctionner le site web en utilisant le clavier Tab, Shift+Tab, et les touches Entrée. Les utilisateurs peuvent également utiliser des raccourcis tels que "M" (menus), "H" (rubriques), "F" (formulaires), "B" (boutons) et "G" (graphiques) pour accéder à des éléments spécifiques.

Ajustements supplémentaires de l'interface utilisateur, de la conception et de la lisibilité.

1. Ajustement des polices – les utilisateurs, peuvent augmenter et diminuer sa taille, changer sa famille (type), ajuster l'espacement, l'alignement, la hauteur de ligne, et plus encore.
2. Ajustements des couleurs – Les utilisateurs peuvent sélectionner différents profils de contraste de couleurs tels que clair, foncé, inversé et monochrome. En outre, les utilisateurs peuvent échanger les schémas de couleurs des titres, des textes et des arrière-plans, avec plus de 7 options de coloration différentes.
3. Animations – Les utilisateurs épileptiques peuvent arrêter toutes les animations en cours en cliquant sur un bouton. Les animations contrôlées par l'interface comprennent les vidéos, les GIF et les transitions clignotantes CSS.
4. Mise en évidence du contenu – Les utilisateurs peuvent choisir de mettre en évidence les éléments importants tels que les liens et les titres. Ils peuvent également choisir de mettre en évidence uniquement les éléments ciblés ou survolés.
5. Coupure audio – les utilisateurs d'appareils auditifs peuvent souffrir de maux de tête ou d'autres problèmes dus à la lecture automatique du son. Cette option permet aux utilisateurs de couper instantanément le son de l'ensemble du site web.
6. Troubles cognitifs – nous utilisons un moteur de recherche lié à Wikipédia et à Wiktionary, ce qui permet aux personnes atteintes de troubles cognitifs de déchiffrer le sens des phrases, des initiales, de l'argot, etc.
7. Fonctions supplémentaires – nous offrons aux utilisateurs la possibilité de modifier la couleur et la taille du curseur, d'utiliser un mode d'impression, d'activer un clavier virtuel, et bien d'autres fonctions.

Compatibilité avec les navigateurs et les technologies d'assistance

Notre objectif est de prendre en charge le plus large éventail possible de navigateurs et de technologies d'assistance, afin que nos utilisateurs puissent choisir les outils qui leur conviennent le mieux, avec le moins de limitations possible. C'est pourquoi nous avons travaillé très dur pour être en mesure de prendre en charge tous les principaux systèmes qui représentent plus de 95 % de la part de marché des utilisateurs, notamment Google Chrome, Mozilla Firefox, Apple Safari, Opera et Microsoft Edge, JAWS et NVDA (lecteurs d'écran), tant pour les utilisateurs de Windows que de MAC.

Notes, commentaires et retours d'information

Malgré tous nos efforts pour permettre à chacun d'adapter le site Web à ses besoins, il se peut que certaines pages ou sections ne soient pas entièrement accessibles, soient en cours d'accessibilité ou ne disposent pas d'une solution technologique adéquate pour les rendre accessibles. Néanmoins, nous améliorons continuellement notre accessibilité, en ajoutant, en mettant à jour et en améliorant ses options et ses fonctionnalités, et en développant et en adoptant de nouvelles technologies. Tout cela est fait dans le but d'atteindre le niveau optimal d'accessibilité, en suivant les progrès technologiques. Pour toute assistance, veuillez contacter

.