Aperçu lecteur d'écran, gratuit
Collez du HTML pour voir comment un lecteur d'écran le linéariserait et l'annoncerait. Vérifiez vos textes alt, vos en-têtes et vos attributs ARIA.
Sortie du lecteur d'écran
?? Research Basis & Sources
Pour qui cet outil est conçu
Les lecteurs d'écran sont une technologie d'assistance essentielle pour les personnes aveugles ou atteintes d'une déficience visuelle importante. Selon le Rapport mondial sur la vision de l'OMS (2019), au moins 2,2 milliards de personnes dans le monde souffrent d'une déficience visuelle, dont environ 43 millions sont aveugles. L'enquête WebAIM Screen Reader Survey (2024) constate systématiquement que la grande majorité des utilisateurs de lecteurs d'écran sont des personnes en situation de handicap, la cécité en étant la raison la plus fréquente. Les développeurs, designers et créateurs de contenu utilisent cet outil pour prévisualiser comment leur HTML sera interprété par les technologies d'assistance — ce qui aide à repérer les textes alternatifs manquants, les structures de titres incorrectes, les boutons et champs sans nom accessible, et les utilisations erronées de l'ARIA, avant que les utilisateurs finaux ne les rencontrent.
Comment fonctionne cet outil
Cet outil analyse votre HTML via le DOMParser natif du navigateur (aucune donnée ne quitte votre appareil), puis parcourt l'arbre d'accessibilité pour construire un ordre de lecture linéarisé. Il vérifie la présence de textes alternatifs sur les images, la cohérence des niveaux de titres, les liens et boutons sans nom accessible, les rôles et libellés ARIA, ainsi que les champs de formulaire sans étiquette associée.
Références scientifiques
- WebAIM (2024). « Screen Reader User Survey #10 Results. » webaim.org · La plus grande enquête en continu sur les modes d'utilisation des lecteurs d'écran, les combinaisons de navigateurs et les obstacles à l'accessibilité. Constate systématiquement que les titres et les repères (landmarks) sont les principales stratégies de navigation des utilisateurs.
- Organisation mondiale de la Santé (2019). Rapport mondial sur la vision. · Rapporte qu'au moins 2,2 milliards de personnes dans le monde souffrent d'une déficience visuelle de près ou de loin, dont environ 43 millions sont aveugles.
- Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). « Guidelines are only half of the story: Accessibility problems encountered by blind users on the web. » Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). · A constaté qu'une part importante des problèmes d'accessibilité rencontrés par les utilisateurs aveugles n'était pas couverte par les WCAG seuls, soulignant la nécessité d'une revue manuelle et de tests au lecteur d'écran.
- Lazar, J., Allen, A., Kleinman, J. & Malarkey, C. (2007). « What frustrates screen reader users on the web: A study of 100 blind users. » International Journal of Human-Computer Interaction, 22(3), 247–269. · A identifié les textes alternatifs manquants, les champs de formulaire non libellés et les libellés de liens trompeurs parmi les principales frustrations rapportées par les utilisateurs aveugles.
- W3C WAI (2023). « WAI-ARIA Authoring Practices 1.2. » · Définit comment les rôles, états et propriétés doivent être utilisés pour rendre accessible un contenu dynamique aux technologies d'assistance.
Avertissement
Cet outil fournit une approximation simplifiée de la sortie d'un lecteur d'écran basée sur l'arbre d'accessibilité HTML. Les lecteurs d'écran réels (NVDA, JAWS, VoiceOver, TalkBack) diffèrent dans la façon d'annoncer le contenu, de gérer les attributs ARIA et d'interagir avec les widgets dynamiques. Cet aperçu ne remplace pas les tests avec de vrais lecteurs d'écran et de vrais utilisateurs. Il est destiné à détecter les problèmes courants tôt dans le processus de rédaction.