Un grand merci à Mme Julia Boivin de partager avec le Centre d'Excellence Stras&ND cette vidéo très inspirante (réalisée dans le cadre des journées d'étude "Bien Grandir pour Grandir Bien"…
Stras&nd
strasand.fr
7 janvier 2026
Nous sommes convaincus que l’internet doit être disponible et accessible à toutes et à tous. Nous nous engageons à proposer un site web accessible au public le plus large possible, quelles que soient les circonstances et les aptitudes.
Pour y parvenir, nous nous efforçons d’adhérer aussi strictement que possible aux Règles pour l’accessibilité des contenus Web (WCAG) 2.1 du World Wide Web Consortium (W3C), niveau AA. Ces lignes directrices expliquent comment rendre les contenus web accessibles aux personnes présentant un large éventail de handicaps. Le respect de ces recommandations nous aide à garantir l’accessibilité du site à tout le monde : personnes aveugles, personnes ayant des déficiences motrices, des déficiences visuelles, des troubles cognitifs, et bien d’autres.
Ce site utilise différentes technologies destinées à le rendre aussi accessible que possible en permanence. Nous mettons à disposition une interface d’accessibilité qui permet aux personnes ayant des besoins spécifiques d’ajuster l’interface utilisateur (UI) du site et de l’adapter à leurs préférences.
De plus, le site utilise une application basée sur l’IA qui fonctionne en arrière-plan et optimise en continu son niveau d’accessibilité. Cette application corrige le code HTML du site, adapte sa fonctionnalité et son comportement pour les lecteurs d’écran utilisés par les personnes aveugles, ainsi que pour les fonctions clavier employées par les personnes ayant des limitations motrices.
Si vous constatez un dysfonctionnement ou avez des idées d’amélioration, nous serons heureux de vous lire. Vous pouvez contacter les responsables du site à l’adresse suivante :
Notre site met en œuvre la technique des attributs ARIA (Accessible Rich Internet Applications), ainsi que diverses adaptations comportementales, afin de garantir que les personnes aveugles utilisant des lecteurs d’écran puissent lire, comprendre et profiter des fonctionnalités du site. Dès qu’un utilisateur équipé d’un lecteur d’écran arrive sur le site, il reçoit une invitation à activer le Profil Lecteur d’écran afin de naviguer et d’interagir efficacement. Voici comment notre site couvre certaines des exigences essentielles des lecteurs d’écran, accompagnées de captures de console d’exemples de code :
Optimisation pour lecteurs d’écran : nous exécutons un processus en arrière-plan qui analyse les composants du site de haut en bas pour assurer une conformité continue, y compris lors des mises à jour. Dans ce cadre, nous fournissons aux lecteurs d’écran des informations pertinentes via l’ensemble d’attributs ARIA. Par exemple : libellés précis pour les champs de formulaire ; descriptions pour les icônes actionnables (réseaux sociaux, recherche, panier, etc.) ; indications de validation pour les entrées de formulaire ; rôles d’éléments tels que boutons, menus, boîtes de dialogue modales (pop-ups), et autres. En outre, le processus en arrière-plan analyse toutes les images du site et fournit une description exacte et pertinente, basée sur la reconnaissance d’objets, en tant que balise ALT (texte alternatif) pour les images non décrites. Il extrait également les textes intégrés dans les images grâce à une technologie d’OCR (reconnaissance optique de caractères). Pour activer à tout moment les ajustements pour lecteurs d’écran, il suffit d’appuyer sur la combinaison Alt+1. Les utilisateurs de lecteurs d’écran reçoivent aussi des invitations automatiques à activer le mode Lecteur d’écran dès leur arrivée sur le site.
Ces ajustements sont compatibles avec les lecteurs d’écran les plus répandus, notamment JAWS et NVDA.
Optimisation de la navigation au clavier : le processus en arrière-plan adapte également le HTML du site et ajoute divers comportements via du code JavaScript afin de permettre l’utilisation au clavier. Cela inclut la navigation au sein du site avec les touches Tab et Maj+Tab, l’ouverture des menus déroulants avec les flèches, leur fermeture avec Échap, l’activation des boutons et liens avec Entrée, la navigation entre les boutons radio et cases à cocher avec les flèches, et leur sélection avec la Barre d’espace ou Entrée. Par ailleurs, les utilisateurs au clavier disposent de menus de navigation rapide et de saut de contenu, accessibles à tout moment en appuyant sur Alt+1, ou présents comme premiers éléments du site lors de la navigation au clavier. Le processus en arrière-plan gère également l’apparition des pop-ups en déplaçant immédiatement le focus clavier vers ceux-ci et en empêchant le focus de sortir de la fenêtre.
Les utilisateurs peuvent aussi employer des raccourcis tels que « M » (menus), « H » (titres), « F » (formulaires), « B » (boutons) et « G » (graphiques) pour accéder directement à des éléments spécifiques.
Mode sécurité épilepsie : ce profil permet aux personnes épileptiques d’utiliser le site en toute sécurité en éliminant le risque de crises provoquées par des animations clignotantes ou des combinaisons de couleurs à risque.
Mode malvoyance : ce mode ajuste le site pour le confort des utilisateurs présentant des déficiences visuelles telles que baisse de l’acuité, vision tubulaire, cataracte, glaucome, etc.
Mode troubles cognitifs : ce mode propose différentes options d’assistance pour aider les personnes ayant des troubles cognitifs (dyslexie, autisme, AVC, etc.) à se concentrer plus facilement sur les éléments essentiels du site.
Mode adapté au TDAH : ce mode aide les personnes ayant un TDAH et des troubles du neurodéveloppement à lire, naviguer et se concentrer sur les éléments principaux du site, tout en réduisant significativement les distractions.
Mode cécité : ce mode configure le site 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 personnes aveugles, installé sur ordinateur et smartphone, et les sites web doivent être compatibles avec celui-ci.
Profil navigation au clavier (limitations motrices) : ce profil permet aux personnes ayant des limitations motrices d’utiliser le site au clavier avec Tab, Maj+Tab et Entrée. Les raccourcis « M », « H », « F », « B » et « G » sont également disponibles pour accéder rapidement à des éléments spécifiques.
Ajustements de police : les utilisateurs peuvent augmenter ou diminuer la taille, changer la famille (type), régler l’espacement, l’alignement, l’interligne, et plus encore.
Ajustements de couleurs : les utilisateurs peuvent choisir divers profils de contraste (clair, sombre, inversé, monochrome). Ils peuvent également intervertir les couleurs des titres, textes et arrière-plans, avec plus de sept combinaisons disponibles.
Animations : les personnes épileptiques peuvent arrêter toutes les animations en cours d’un simple clic. Les animations contrôlées par l’interface incluent les vidéos, GIF et transitions CSS clignotantes.
Mise en évidence du contenu : les utilisateurs peuvent choisir de mettre en avant des éléments importants tels que les liens et les titres. Ils peuvent aussi ne surligner que les éléments au focus ou au survol.
Coupure du son : les personnes utilisant des appareils auditifs peuvent ressentir des maux de tête ou d’autres désagréments en cas de lecture audio automatique. Cette option permet de couper instantanément tout le son du site.
Troubles cognitifs : nous utilisons un moteur de recherche relié à Wikipedia et Wiktionary, permettant aux personnes ayant des troubles cognitifs de décoder la signification de phrases, sigles, argot, etc.
Fonctions supplémentaires : nous offrons la possibilité de changer la couleur et la taille du curseur, d’activer un mode impression, d’activer un clavier virtuel, ainsi que de nombreuses autres fonctions.
Nous visons à prendre en charge le plus large éventail possible de navigateurs et de technologies d’assistance, afin que chacun puisse choisir les outils qui lui conviennent, avec le moins de contraintes possible. Nous avons donc travaillé d’arrache-pied pour prendre en charge tous les principaux systèmes représentant plus de 95 % de part de marché : Google Chrome, Mozilla Firefox, Apple Safari, Opera et Microsoft Edge, ainsi que les lecteurs d’écran JAWS et NVDA.
Malgré tous nos efforts pour permettre à chacun d’adapter le site à ses besoins, certaines pages ou sections peuvent ne pas être pleinement accessibles, être en cours d’adaptation, ou ne pas encore disposer d’une solution technologique adéquate. Nous améliorons toutefois continuellement notre accessibilité, en ajoutant, mettant à jour et perfectionnant ses options et fonctionnalités, et en développant et adoptant de nouvelles technologies. Tout cela vise à atteindre un niveau optimal d’accessibilité, en phase avec les avancées technologiques. Pour toute aide, veuillez contacter .
