Étude de cas Adaptavist

État de conformité

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

Pour ce faire, nous nous efforçons d'adhérer aussi strictement que possible aux lignes directrices 2.1 (WCAG 2.1) du World Wide Web Consortium (W3C) relatives à l'accessibilité des contenus web au niveau AA. Ces lignes directrices expliquent comment rendre le contenu du web accessible aux personnes souffrant d'un large éventail de handicaps. Le respect de ces lignes directrices nous permet de garantir que le site web est accessible à toutes les personnes : aveugles, handicapées moteur, visuelles, 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 d'un d'adapter l'IU (interface utilisateur) du site à 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 en permanence son niveau d'accessibilité. Cette application remédie au 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 d'un handicap moteur.

Si vous avez constaté un dysfonctionnement ou si vous avez des idées d'amélioration, n'hésitez pas à nous en faire part. Vous pouvez contacter les opérateurs du site à l'adresse 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 divers changements de comportement, afin de garantir que les utilisateurs aveugles qui visitent le site avec des lecteurs d'écran puissent lire, comprendre et profiter des fonctions du site. lecteurs d'écran puissent lire, comprendre et profiter des fonctions du site web. Dès qu'un utilisateur équipé d'un lecteur d'écran entre sur votre site, il reçoit immédiatement un message l'invitant à entrer le profil de lecteur d'écran afin qu'il puisse naviguer et utiliser votre site de manière efficace. Voici comment notre site web répond à certaines des exigences les plus importantes en matière de lecture d'écran, ainsi que des captures d'écran d'exemples de code :

1. Optimisation pour les lecteurs d'écran : nous exécutons un processus en arrière-plan qui apprend à connaître les composants du site web de fond en comble, afin de garantir une conformité permanente, même en cas de mise à jour du site web. Dans ce processus, nous fournissons aux lecteurs d'écran des données significatives à l'aide de la série d'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 conseils de validation pour les entrées de formulaire ; des rôles pour les é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, sous la forme d'une balise ALT (texte alternatif) pour les images qui ne sont pas décrites. Il extrait également les textes intégrés dans l'image, à l'aide d'une technologie de reconnaissance optique de caractères (OCR). Pour activer à tout moment les ajustements pour les lecteurs d'écran, il suffit d'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 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 afin de rendre le site web utilisable au clavier. Cela inclut la possibilité de naviguer sur le site web à l'aide des touches Tab et Shift+Tab, de faire fonctionner les 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 Enter, 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'espacement ou la touche Enter. Le processus d'arrière-plan gère également les fenêtres contextuelles 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 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 dans notre site web

• Epilepsy Safe Mode : ce profil permet aux personnes atteintes d'épilepsie d'utiliser le site web en toute sécurité en éliminant le risque de crises d'épilepsie résultant d'animations clignotantes ou clignotantes et de combinaisons de couleurs risquées.
• Mode malvoyant : ce mode permet d'adapter le site web à la commodité des utilisateurs souffrant de déficiences visuelles telles que la dégradation de la vue, la vision en tunnel, la cataracte, le glaucome, etc.
• Mode handicap cognitif : ce mode propose 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 permet aux utilisateurs souffrant de TDAH et de troubles neurodéveloppementaux de lire, de parcourir et de 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 est installé sur un ordinateur et un smartphone, et les sites web doivent être compatibles avec lui.
• Profil de navigation par clavier (handicapés moteurs) : ce profil permet aux handicapés moteurs d'utiliser le site web à l'aide des touches Tab, Shift+Tab et Enter 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. Ajustement des polices - les utilisateurs peuvent augmenter et réduire la taille des polices, changer leur famille (type), ajuster l'espacement, l'alignement, la hauteur des lignes, etc.
2. Ajustement 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 ne mettre en évidence que les éléments ciblés ou survolés.
5. Mise en sourdine de l'audio - les utilisateurs de dispositifs auditifs peuvent souffrir de maux de tête ou d'autres problèmes en raison de la lecture automatique de l'audio. Cette option permet aux utilisateurs de mettre en sourdine l'ensemble du site web instantanément.
6. Troubles cognitifs - nous utilisons un moteur de recherche lié à Wikipedia 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 grand nombre 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é d'arrache-pied pour pouvoir prendre en charge 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 pour ceux de MAC.

Notes, commentaires et retour 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 totalement accessibles, qu'elles soient en cours d'accessibilité ou qu'elles 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 caractéristiques, et en développant et en adoptant de nouvelles technologies. Tout cela a pour but d'atteindre le niveau optimal d'accessibilité, en suivant les avancées technologiques. Pour toute assistance, veuillez contacter