Navigation par lecteur d'écran et clavier
Mon site web implémente la technique des attributs ARIA (Applications Internet Riches Accessibles), ainsi que divers changements comportementaux, pour garantir que les utilisateurs aveugles visitant avec des lecteurs d'écran puissent lire, comprendre et profiter des fonctionnalités du site web.
Dès qu'un utilisateur avec un lecteur d'écran entre sur ce site, il reçoit immédiatement une invite à entrer dans le Profil Lecteur d'Écran afin de pouvoir naviguer et utiliser ce site efficacement.
Optimisation pour lecteur d'écran
J'exécute un processus en 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, je fournis aux lecteurs d'écran des données significatives en utilisant l'ensemble d'attributs ARIA. Par exemple, je fournis des étiquettes de formulaire précises; des descriptions pour les icônes actionnables (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 d'éléments tels que boutons, menus, dialogues modaux (popups), et autres.
De plus, le processus en 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 d'image comme balise ALT (texte alternatif) pour les images qui ne sont pas 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 ajustements 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 entrent sur le site web.
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 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 listes déroulantes 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 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 en arrière-plan gère également les popups déclenchés en déplaçant le focus du clavier vers eux dès qu'ils apparaissent, et ne permet pas au focus de dériver à l'extérieur.
Les utilisateurs peuvent également utiliser des raccourcis tels que "M" (menus), "H" (en-têtes), "F" (formulaires), "B" (boutons) et "G" (graphiques) pour accéder directement à des éléments spécifiques.
Profils de handicap pris en charge sur mon site web
Mode Sécurisé Épilepsie
Ce profil permet aux personnes atteintes d'épilepsie d'utiliser le site web en toute sécurité en éliminant le risque de crises provoquées par des animations clignotantes et des combinaisons de couleurs risquées.
Mode Malvoyant
Ce mode ajuste le site web pour la commodité des utilisateurs ayant des déficiences visuelles telles que la dégradation de la vue, la vision tubulaire, la cataracte, le glaucome et autres.
Mode Handicap Cognitif
Ce mode fournit différentes options d'assistance pour aider les utilisateurs ayant des 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, naviguer 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 être 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 lui.
Profil de Navigation au Clavier (Handicap Moteur)
Ce profil permet aux personnes ayant un handicap moteur d'utiliser le site web à l'aide des touches Tab, Maj+Tab et Entrée du clavier. Les utilisateurs peuvent également utiliser des raccourcis tels que "M" (menus), "H" (en-têtes), "F" (formulaires), "B" (boutons) et "G" (graphiques) pour accéder directement à des éléments spécifiques.
Ajustements supplémentaires de l'interface utilisateur, du design et de la lisibilité
Ajustements de police
Les utilisateurs peuvent augmenter et diminuer sa taille, changer sa 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 couleur tels que clair, foncé, 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 coloration différentes.
Animations
Les personnes atteintes d'épilepsie peuvent arrêter toutes les animations en cours d'exécution d'un simple clic sur un bouton. Les animations contrôlées par l'interface comprennent les vidéos, les GIF et les transitions clignotantes CSS.
Mise en évidence du contenu
Les utilisateurs peuvent choisir de mettre l'accent sur des éléments importants tels que les liens et les titres. Ils peuvent également choisir de mettre en évidence uniquement les éléments focalisés ou survolés.
Désactivation audio
Les utilisateurs avec 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 de l'ensemble du site web.
Troubles cognitifs
J'utilise un moteur de recherche qui est lié à Wikipédia et Wiktionnaire, permettant aux personnes atteintes de troubles cognitifs de déchiffrer le sens des phrases, des initiales, de l'argot et autres. Par ailleurs je m'efforce de vulgariser au maximum les termes employés en essayant d'appliquer la méthode FALC (facile à lire et à comprendre).
Fonctions supplémentaires
J'offre 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 de nombreuses autres fonctions.
Compatibilité avec les navigateurs et les technologies d'assistance
Je vise à prendre en charge le plus large éventail de navigateurs et de technologies d'assistance possible, afin que mes utilisateurs puissent choisir les outils les mieux adaptés pour eux, avec le moins de limitations possible. Par conséquent, j'ai 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).