Event Type : Autre

Statut de conformité

Nous croyons fermement que l'internet devrait être disponible et accessible à tous, et nous nous engageons à fournir un site web qui soit accessible au public le plus large possible, quelles que soient les circonstances et les capacités.

Pour atteindre cet objectif, nous visons à respecter aussi strictement que possible les Directives pour l'accessibilité des contenus 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 présentant une grande variété de handicaps. Le respect de ces directives nous aide à garantir que le site web est accessible à tous : les personnes aveugles, celles ayant des troubles moteurs, des déficiences visuelles, des handicaps cognitifs, et plus encore.

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 ayant des handicaps spécifiques d'ajuster l'interface utilisateur (UI) du site web et de la personnaliser selon leurs besoins personnels.

De plus, le site web utilise une application basée sur l'IA qui fonctionne en arrière-plan et optimise constamment son niveau d'accessibilité. Cette application corrige le HTML du site web, adapte ses fonctionnalités et son comportement pour les lecteurs d'écran utilisés par les utilisateurs aveugles, et pour les fonctions clavier utilisées par les personnes ayant des troubles moteurs.

Si vous avez constaté un dysfonctionnement ou si vous avez des idées d'amélioration, nous serons ravis d'avoir de vos nouvelles. Vous pouvez contacter les opérateurs du site web en utilisant l'email suivant : contact@villefontaine.fr

Navigation par lecteur d'écran et clavier

Notre site web met en œuvre la technique des attributs ARIA (Accessible Rich Internet Applications), ainsi que divers changements de comportement, pour garantir que les utilisateurs aveugles visitant avec des lecteurs d'écran puissent lire, comprendre et profiter des fonctions du site. Dès qu'un utilisateur avec un lecteur d'écran entre sur votre site, il reçoit immédiatement une invite pour activer le profil de lecteur d'écran afin de pouvoir naviguer et utiliser votre site efficacement. Voici comment notre site web répond à certains des besoins les plus importants des lecteurs d'écran, accompagné de captures d'écran de code en exemple :

1. Optimisation pour les lecteurs d'écran : nous exécutons un processus en arrière-plan qui analyse les composants du site web de haut en bas, pour assurer une conformité continue même lors de la mise à jour du site. Dans 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 actionnables (icônes de réseaux sociaux, icônes de recherche, icônes de panier, etc.) ; des conseils 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. De plus, le processus en 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 dans les images en tant que balise ALT (texte alternatif) pour les images non décrites. Il extrait également les textes intégrés dans l'image à l'aide d'une technologie OCR (reconnaissance optique de caractères). Pour activer les ajustements pour les lecteurs d'écran à tout moment, les utilisateurs doivent simplement appuyer sur la combinaison de touches Alt+1. Les utilisateurs de lecteurs d'écran reçoivent également des annonces automatiques pour activer le mode lecteur d'écran dès leur entrée sur le site.

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

2. Optimisation de la navigation au clavier : Le processus en arrière-plan ajuste également le HTML du site web et ajoute divers comportements à l'aide de code JavaScript pour rendre le site utilisable au clavier. Cela inclut la possibilité de naviguer sur le site en utilisant les touches Tab et Shift+Tab, de manipuler les menus déroulants avec les touches fléchées, de les fermer avec Échap, d'activer les boutons et les liens avec la touche Entrée, de naviguer entre les éléments radio et les cases à cocher avec les touches fléchées, et de les remplir avec la barre d'espace ou la touche Entrée. De plus, les utilisateurs au clavier trouveront des menus de navigation rapide et de saut de contenu, disponibles à tout moment en cliquant sur Alt+1, ou en tant que premiers éléments du site lors de la navigation avec le clavier. Le processus en arrière-plan gère également les popups déclenchés en déplaçant le focus du clavier vers eux dès leur apparition, sans permettre au focus de dériver à l'extérieur.

   Les utilisateurs peuvent également utiliser des raccourcis tels que « M » (menus), « H » (titres), « F » (formulaires), « B » (boutons), et « G » (graphiques) pour sauter à des éléments spécifiques.

Profils de handicaps 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 dues à des animations clignotantes ou des combinaisons de couleurs risquées.
• Mode pour malvoyants : ce mode ajuste le site web pour la commodité des utilisateurs ayant des déficiences visuelles telles que la détérioration de la vue, la vision en tunnel, la cataracte, le glaucome, et autres.
• Mode pour troubles cognitifs : ce mode offre différentes options d'assistance pour aider les utilisateurs ayant des troubles cognitifs tels que la dyslexie, l'autisme, les AVC, et autres, à se concentrer plus facilement sur les éléments essentiels du site web.
• Mode adapté aux TDAH : ce mode aide les utilisateurs atteints de TDAH et de troubles neurodéveloppementaux à lire, naviguer et se concentrer plus facilement sur les principaux éléments du site tout en réduisant considérablement les distractions.
• Mode pour aveugles : ce mode configure le site web pour être compatible avec des lecteurs d'écran tels que JAWS, NVDA, VoiceOver et TalkBack. Un lecteur d'écran est un logiciel pour les utilisateurs aveugles installé sur un ordinateur ou un smartphone, et les sites web doivent être compatibles avec celui-ci.
• Profil de navigation au clavier (handicap moteur) : ce profil permet aux personnes ayant des troubles moteurs d'utiliser le site web avec les touches Tab, Shift+Tab et Entrée du clavier. Les utilisateurs peuvent également utiliser des raccourcis tels que « M » (menus), « H » (titres), « F » (formulaires), « B » (boutons), et « G » (graphiques) pour sauter à des éléments spécifiques.

Ajustements supplémentaires de l'interface utilisateur, du design et de la lisibilité

1. Ajustements de police – les utilisateurs peuvent augmenter ou diminuer sa taille, changer sa famille (type), ajuster l'espacement, l'alignement, la hauteur de ligne, et plus encore.
2. Ajustements de couleur – les utilisateurs peuvent sélectionner différents profils de contraste de couleur tels que clair, sombre, inversé et monochrome. De plus, les utilisateurs peuvent échanger les schémas de couleurs des titres, textes et arrière-plans, avec plus de sept options de coloration différentes.
3. Animations – les personnes épileptiques peuvent arrêter toutes les animations en cours avec un clic sur un bouton. Les animations contrôlées par l'interface incluent les vidéos, GIFs et transitions clignotantes CSS.
4. Mise en évidence du contenu – les utilisateurs peuvent choisir de mettre en évidence des éléments importants tels que les liens et les titres. Ils peuvent également choisir de mettre en évidence uniquement les éléments survolés ou focalisés.
5. Silence audio – les utilisateurs avec des appareils auditifs peuvent ressentir des maux de tête ou d'autres problèmes en raison de la lecture audio automatique. Cette option permet aux utilisateurs de mettre le site entier en mode silencieux instantanément.
6. Troubles cognitifs – nous utilisons un moteur de recherche lié à Wikipédia et Wiktionnaire, permettant aux personnes ayant des troubles cognitifs de déchiffrer les significations des phrases, initiales, argot, et autres.
7. Fonctions supplémentaires – nous offrons aux utilisateurs la possibilité de changer 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

Nous visons à 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. Par conséquent, nous avons travaillé très dur pour pouvoir prendre en charge tous les principaux systèmes qui représentent plus de 95 % de la part de marché des utilisateurs, y compris Google Chrome, Mozilla Firefox, Apple Safari, Opera et Microsoft Edge, JAWS et NVDA (lecteurs d'écran).

Notes, commentaires et retours

Malgré tous nos efforts pour permettre à chacun d'adapter le site web à ses besoins, il peut encore y avoir des pages ou des sections qui ne sont pas entièrement accessibles, qui sont en cours d'accessibilité, ou qui retourmanquent d'une solution technologique adéquate pour les rendre accessibles. Néanmoins, nous améliorons continuellement notre accessibilité, en ajoutant, mettant à jour et améliorant ses options et fonctionnalités, et en développant et adoptant de nouvelles technologies. Tout cela vise à atteindre le niveau optimal d'accessibilité, en suivant les avancées technologiques. Pour toute assistance, veuillez contacter contact@villefontaine.fr