The Kids Harmony

État de conformité

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

Pour y parvenir, nous visons à adhérer aussi strictement que possible aux 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 aide à garantir que le site Web est accessible à toutes les personnes : personnes aveugles, personnes souffrant de déficiences motrices, de déficiences visuelles, de déficiences cognitives, 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 de handicaps spécifiques d'ajuster l'interface utilisateur du site Web et de le concevoir en fonction de 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 code HTML du site Web, adapte ses fonctionnalités 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 déficiences motrices.

Si vous avez constaté un dysfonctionnement ou avez des idées d'amélioration, nous serons heureux de vous entendre. Vous pouvez contacter les opérateurs du site Web en utilisant l'e-mail suivant abouchoir@yerres.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 différents, pour garantir que les utilisateurs aveugles visitant avec des lecteurs d'écran puissent lire, comprendre et profiter des fonctions du site Web. Dès qu'un utilisateur avec un lecteur d'écran entre sur votre site, il reçoit immédiatement une invite pour entrer le profil de lecteur d'écran afin de pouvoir parcourir et utiliser votre site efficacement. Voici comment notre site Web couvre certaines des exigences les plus importantes des lecteurs d’écran, ainsi que des captures d’écran de la console d’exemples de code :

1. Optimisation du lecteur d’écran : nous exécutons un processus en arrière-plan qui apprend les composants du site Web de haut en bas, pour garantir une conformité continue même lors de la mise à jour du site Web. Dans ce processus, nous fournissons aux lecteurs d’écran des données significatives à l’aide de l’ensemble d’attributs ARIA. Par exemple, nous fournissons des étiquettes de formulaire précises ; des descriptions pour les icônes exploitables (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 boîtes de dialogue modales (popups) et autres. De plus, 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 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 OCR (reconnaissance optique de caractères). Pour activer les réglages du lecteur 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 qu'ils accèdent au 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 de code JavaScript pour rendre le site Web exploitable par le clavier. Cela inclut la possibilité de naviguer sur le site Web à l'aide des touches Tab et Shift+Tab, d'utiliser les menus déroulants avec les touches fléchées, de les fermer avec Echap, de déclencher des boutons et des liens à l'aide de la touche Entrée, de naviguer entre les éléments radio et les cases à 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 du clavier trouveront des menus de navigation rapide et de saut de contenu, disponibles à tout moment en cliquant sur Alt+1, ou comme premiers éléments du site lors de la navigation avec le clavier. Le processus d'arrière-plan gère également les fenêtres contextuelles déclenchées en déplaçant le focus du clavier vers elles dès qu'elles apparaissent, et en ne permettant pas au focus de dériver en dehors de celles-ci.
   Les utilisateurs peuvent également utiliser des raccourcis tels que « M » (menus), « H » (titres), « F » (formulaires), « B » (boutons) et « G » (graphiques) pour accéder à des éléments spécifiques.

Profils de handicap pris en charge sur notre site Web

• Mode sans échec pour l'épilepsie : ce profil permet aux personnes épileptiques d'utiliser le site Web en toute sécurité en éliminant le risque de crises résultant d'animations clignotantes ou clignotantes et de combinaisons de couleurs risquées.
• Mode malvoyant : ce mode ajuste le site Web pour le confort des utilisateurs souffrant de déficiences visuelles telles que la dégradation de la vue, la vision en tunnel, la cataracte, le glaucome et autres.
• Mode handicap cognitif : ce mode fournit différentes options d'assistance pour aider les utilisateurs souffrant de déficiences cognitives telles que la dyslexie, l'autisme, l'AVC et autres, à se concentrer plus facilement sur les éléments essentiels du site Web.
• Mode adapté au TDAH : ce mode aide les utilisateurs atteints de TDAH et de troubles neurodéveloppementaux à lire, parcourir 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 celui-ci.
• Profil de navigation au clavier (handicapés moteurs) : ce profil permet aux personnes handicapées moteurs d'utiliser le site Web à l'aide des 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 accéder à des éléments spécifiques.

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

1. Réglages de police – les utilisateurs peuvent augmenter et diminuer sa taille, modifier sa famille (type), ajuster l'espacement, l'alignement, la hauteur de ligne, etc.
2. Réglages des couleurs – les utilisateurs peuvent sélectionner différents profils de contraste de couleurs tels que clair, foncé, inversé et monochrome. De plus, les utilisateurs peuvent échanger les couleurs des titres, des textes et des arrière-plans, avec plus de sept options de coloration différentes.
3. Animations – une personne épileptique peut arrêter toutes les animations en cours d'exécution en cliquant sur un bouton. Les animations contrôlées par l'interface incluent des vidéos, des GIF et des transitions clignotantes CSS.
4. Mise en surbrillance du contenu – les utilisateurs peuvent choisir de mettre en valeur des éléments importants tels que des liens et des titres. Ils peuvent également choisir de mettre en surbrillance uniquement les éléments ciblés ou survolés.
5. Désactivation du son – les utilisateurs dotés d'appareils auditifs peuvent souffrir de maux de tête ou d'autres problèmes liés à la lecture automatique du son. Cette option permet aux utilisateurs de désactiver instantanément le son de l'ensemble du site Web.
6. Troubles cognitifs – nous utilisons un moteur de recherche lié à Wikipédia et Wiktionary, permettant aux personnes souffrant de troubles cognitifs de déchiffrer le sens des phrases, des initiales, de l’argot et autres.
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 de nombreuses autres fonctions.

Compatibilité du navigateur et des technologies d'assistance

Notre objectif est de prendre en charge le plus grand nombre possible de navigateurs et de technologies d'assistance, afin que nos utilisateurs puissent choisir les outils les mieux adaptés à leurs besoins, 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, notamment Google Chrome, Mozilla Firefox, Apple Safari, Opera et Microsoft Edge, JAWS et NVDA (lecteurs d'écran).

Notes, commentaires et retours d'expérience

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 train de le devenir ou qui manquent 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 fonctionnalités, et en développant et en adoptant de nouvelles technologies. Tout cela vise à atteindre le niveau optimal d'accessibilité, en suivant les avancées technologiques. Pour toute assistance, veuillez contacter abouchoir@yerres.fr