Magasin en ligne pour animaux Griffouille®

Nous croyons fermement qu'Internet devrait ê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 nous efforçons de respecter le plus strictement possible les directives pour l'accessibilité des contenus Web 2.1 (WCAG 2.1) du World Wide Web Consortium (W3C) au niveau AA. Ces lignes directrices 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 avec une déficience motrice, une déficience visuelle, une déficience cognitive, 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 personnes handicapées pour ajuster l'interface utilisateur (interface utilisateur) du site Web et la concevoir en fonction de leurs besoins personnels. De plus, le site Web utilise une application basée sur l'IA qui s'exécute 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 handicapées motrices. Si vous avez trouvé 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 griffouille@toutpourchienetchat.fr

Lecteur d'écran et navigation au clavier

Notre site Web implémente la technique des attributs ARIA (Accessible Rich Internet Applications), ainsi que divers changements de comportement différents, pour garantir aux utilisateurs aveugles visitant avec les lecteurs d'écran sont capables de lire, de comprendre et d'apprécier les fonctions du site Web. Dès qu'un utilisateur muni d'un lecteur d'écran accède à votre site, il reçoit immédiatement une invite à entrer le profil de lecteur d'écran afin qu'ils puissent parcourir et utiliser votre site efficacement. Voici comment notre site Web couvre certaines des exigences les plus importantes en matière de lecteur d'écran, à côté des captures d'écran de la console, d'exemples de code :

1. Optimisation du lecteur d'écran : Nous exécutons un processus d'arrière-plan qui apprend les composants du site Web de haut en bas, pour assurer 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 proposons des étiquettes de formulaire précises ; descriptions des icônes actionnables (icônes de médias sociaux, icônes de recherche, icônes de panier, etc.) ; conseils de validation pour les entrées de formulaire ; les rôles des éléments tels que les boutons, les menus, les dialogues modaux (pop up), et d'autres. De plus, le processus d'arrière-plan analyse toutes les images du site Web et présente une description précise et caractéristique basée sur la reconnaissance d'objets d'image sous la forme d'une balise ALT (texte alternatif). Pour les images non décrites. Il extraira également les textes qui sont intégrés dans l'image, en utilisant 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 clavier Alt+1. Les utilisateurs de lecteurs d'écran reçoivent aussi des annonces automatiques pour activer le mode lecteur d'écran dès leur entrée sur le site Web. 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 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 utilisable par le clavier. Cela inclut la possibilité de naviguer sur le site Web à l'aide des touches Tab et Maj + Tab, d'utiliser les menus déroulants avec les touches fléchées, de les fermer avec Échap, de déclencher des boutons et des liens à l'aide de la touche Entrée, de naviguer entre les éléments radio et case à cocher à l'aide des touches fléchées, et remplissez-les 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 eux dès qu'ils apparaissent, et ne permet pas au focus de dériver en dehors de celui-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 atteintes d'épilepsie d'utiliser le site Web en toute sécurité en éliminant le risque de convulsions résultant d'animations clignotantes ou clignotantes et de combinaisons de couleurs à risque.
• Mode malvoyant : ce mode ajuste le site Web pour la commodité des utilisateurs souffrant de déficiences visuelles telles que la vue dégradante, la vision tunnel, la cataracte, le glaucome et autres.
• Mode handicap cognitif : ce mode offre différentes options d'assistance pour aider les utilisateurs souffrant de troubles cognitifs tels 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 plus facilement sur les principaux éléments du site Web tout en réduisant considérablement les distractions.
• Mode Cécité : 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 destiné aux utilisateurs aveugles qui s'installe sur un ordinateur et un smartphone et les sites Web doivent être compatibles avec celui-ci.
• Profil de navigation du clavier (handicapé moteur) : ce profil permet aux personnes à mobilité réduite d'utiliser le site Web à l'aide des touches du clavier Tab, Maj+Tab et Entrée. 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. Ajustements de police : les utilisateurs peuvent augmenter et diminuer sa taille, changer sa famille (type), ajuster l'espacement, l'alignement, la hauteur de ligne, etc
2. Ajustement de couleurs : les utilisateurs peuvent sélectionner différents profils de contraste de couleur tels que clair, foncé, inversé et monochrome. De plus, les utilisateurs peuvent échanger les schémas de couleurs des titres, des textes et des arrière-plans, avec plus de 7 options de couleurs différentes.
3. Animations : les utilisateurs épileptiques peuvent arrêter toutes les animations en cours d'un simple clic. Les animations contrôlées par l'interface incluent des vidéos, des GIF et des transitions clignotantes CSS.
4. Mise en évidence 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. Mise en sourdine audio : les utilisateurs d'appareils auditifs peuvent avoir des maux de tête ou d'autres problèmes dus à la lecture audio automatique. Cette option permet aux utilisateurs de désactiver instantanément l'intégralité du site Web.
6. Troubles cognitifs : nous utilisons un moteur de recherche lié à Wikipédia et au Dictionnaire, permettant aux personnes atteintes 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 large éventail de navigateurs et de technologies d'assistance possible, afin que nos utilisateurs puissent choisir les outils les mieux adaptés pour eux, 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), à la fois pour Windows et pour les utilisateurs MAC.

Notes, commentaires et réactions

Malgré tous nos efforts pour permettre à chacun d'adapter le site à ses besoins, il se peut que des pages ou des rubriques ne soient pas entièrement accessibles, soient en cours d'accessibilité ou ne disposent pas de la 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 est destiné à atteindre le niveau d'accessibilité optimal, suite aux avancées technologiques. Pour toute assistance, veuillez contacter griffouille@toutpourchienetchat.fr