Le camping municipal dévoile son nouveau site internet

Déclaration d’Accessibilité
Ville de Montbard

État de conformité

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

Pour ce faire, nous visons à respecter autant que possible les Directives pour l’accessibilité du 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 ayant une grande variété de handicaps. Le respect de ces directives nous aide à garantir que le site est accessible à tous : personnes aveugles, personnes ayant des troubles moteurs, déficiences visuelles, troubles cognitifs, et plus encore.

Ce site utilise diverses technologies destinées à le rendre aussi accessible que possible en tout temps. Nous utilisons une interface d'accessibilité qui permet aux personnes ayant des handicaps spécifiques d’ajuster l’interface utilisateur (UI) du site en fonction de leurs besoins personnels.

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

Si vous avez rencontré un dysfonctionnement ou avez des idées d'amélioration, nous serons ravis de vous entendre. Vous pouvez contacter les opérateurs du site à l'adresse suivante : .

Navigation pour les lecteurs d'écran et au clavier

Notre site met en œuvre la technique des attributs ARIA (Accessible Rich Internet Applications), ainsi que diverses modifications comportementales, pour s'assurer que les utilisateurs aveugles visitant avec des lecteurs d'écran peuvent lire, comprendre et profiter des fonctions du site. Dès qu'un utilisateur avec un lecteur d'écran entre sur le site, il reçoit immédiatement une invite pour entrer dans le profil de lecteur d'écran afin de naviguer et d'utiliser le site efficacement. Voici comment notre site répond à certaines des exigences les plus importantes des lecteurs d'écran, accompagnées de captures d'écran du code en console :

Optimisation des lecteurs d'écran : Nous exécutons un processus en arrière-plan qui apprend les composants du site de haut en bas, pour garantir 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 d'attributs ARIA. Par exemple, nous fournissons des étiquettes de formulaire précises ; des descriptions pour les icônes d'action (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 des boutons, des menus, des dialogues modaux (popups), et d'autres. De plus, le processus en arrière-plan analyse toutes les images du site et fournit une description précise et significative basée sur la reconnaissance d'objet pour les images qui ne sont pas décrites. Il extrait également les textes intégrés dans l'image, en utilisant une technologie de reconnaissance optique de caractères (OCR). Pour activer les ajustements pour les lecteurs d'écran à tout moment, les utilisateurs n'ont qu'à 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.

Optimisation de la navigation au clavier : Le processus en arrière-plan ajuste également le HTML du site 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 à l'aide des touches Tab et Shift+Tab, d'opérer les menus déroulants avec les touches fléchées, de les fermer avec Échap, de déclencher des boutons et des liens avec la touche Entrée, de naviguer entre les éléments 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. De plus, les utilisateurs au clavier trouveront des menus de navigation rapide et de saut de contenu, accessibles à tout moment en cliquant sur Alt+1, ou en tant que premiers éléments du site lors de la navigation au 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 s’échapper.

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

Profils de handicap pris en charge sur notre site

Mode sécurisé pour l'épilepsie : ce profil permet aux personnes atteintes d'épilepsie d'utiliser le site en toute sécurité en éliminant le risque de crises causées par des animations clignotantes ou des combinaisons de couleurs risquées.
Mode malvoyant : ce mode ajuste le site pour le confort des utilisateurs ayant des déficiences visuelles telles que la vue dégradée, la vision en tunnel, la cataracte, le glaucome, et d'autres.
Mode handicap cognitif : ce mode fournit différentes options d'assistance pour aider les utilisateurs ayant des handicaps cognitifs tels que la dyslexie, l'autisme, l'AVC, et d'autres, à se concentrer plus facilement sur les éléments essentiels du site.
Mode convivial pour le TDAH : ce mode aide les utilisateurs ayant un TDAH et des troubles neurodéveloppementaux à lire, naviguer et se concentrer plus facilement sur les éléments principaux du site tout en réduisant considérablement les distractions.
Mode cécité : ce mode configure le site pour être compatible avec les lecteurs d'écran tels que JAWS, NVDA, VoiceOver, et TalkBack. Un lecteur d'écran est un logiciel pour utilisateurs aveugles installé sur un ordinateur et un smartphone, et les sites doivent être compatibles avec cela.
Profil de navigation au clavier (handicap moteur) : ce profil permet aux personnes ayant un handicap moteur d'utiliser le site à l'aide des touches Tab, Shift+Tab, et Entrée. Les utilisateurs peuvent également utiliser des raccourcis tels que “M” (menus), “H” (titres), “F” (formulaires), “B” (boutons), et “G” (graphismes) pour sauter à des éléments spécifiques.

Ajustements supplémentaires de l'UI, de la conception et de la lisibilité

Ajustements de la police : les utilisateurs peuvent changer la famille (type), ajuster l'espacement, l'alignement, la hauteur de ligne, et plus encore.
Ajustements de couleur : les utilisateurs peuvent sélectionner différents profils de contraste de couleurs 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 couleurs différentes.
Animations : les personnes atteintes d'épilepsie peuvent arrêter toutes les animations en cours d'un simple clic. Les animations contrôlées par l'interface comprennent les vidéos, les GIFs, et les transitions CSS clignotantes.
Mise en surbrillance du contenu : les utilisateurs peuvent choisir de mettre en avant des éléments importants tels que des liens et des titres. Ils peuvent également choisir de mettre en surbrillance uniquement les éléments en focus ou survolés.
Désactivation du son : les utilisateurs ayant des appareils auditifs peuvent éprouver des maux de tête ou d'autres problèmes en raison de la lecture audio automatique. Cette option permet aux utilisateurs de couper instantanément le son du site.
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, acronymes, argot, et autres.
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 technologies d'assistance

Nous visons à prendre en charge la plus large gamme 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 être en mesure de prendre en charge tous les systèmes majeurs 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, ainsi que JAWS et NVDA (lecteurs d'écran).

Notes, commentaires et retours

Malgré nos meilleurs efforts pour permettre à chacun d'adapter le site à ses besoins, il peut encore exister des pages ou des sections qui ne sont pas entièrement accessibles, qui sont en cours de mise en accessibilité, ou qui manquent d'une solution technologique adéquate pour les rendre accessibles. Cependant, nous améliorons continuellement notre accessibilité, ajoutons, mettons à jour et améliorons ses options et fonctionnalités, et développons et adoptons de nouvelles technologies.