# Testeur de simulation de lecteur decran Simule lordre de lecture et la semantique vocalisee dun lecteur decran a partir dune URL ou dun HTML > Page canonique: https://elysiatools.com/fr/tools/screen-reader-simulation-tester - **Catégorie:** Validation - **Mots-clés:** lecteur decran, accessibilite, aria, html ## Présentation Collez du HTML ou indiquez une URL. Loutil estime un ordre de lecture proche dun lecteur decran et montre ce quun utilisateur aveugle pourrait entendre en premier : titre de page, reperes, titres, liens, boutons, libelles de formulaire, images et elements de liste. Mode demploi : - Entree HTML : pour une analyse stable hors ligne - URL de page : pour recuperer une page vivante - Preset lecteur decran : change seulement le style de narration - Inclure les reperes : resume header, nav, main et footer - Afficher les corrections : ajoute des conseils de remediation Le rapport met en avant : - lordre probable de lecture - les sauts de niveaux de titres - les manques de aria-label ou de labels de formulaire - les alt manquants ou vides - les liens et boutons sans nom accessible ## Entrées - **Entree HTML** (textarea): # Pricing \[Start trial\](/checkout) - **URL de page** (text): https://example.com - **Preset lecteur decran** (select) - **Inclure les reperes** (checkbox) - **Afficher les corrections** (checkbox) ## Quand l'utiliser - Lors du développement de nouvelles pages web pour vérifier la structure sémantique et la hiérarchie des titres avant la mise en production. - Pour auditer rapidement l'accessibilité d'une page existante en identifiant les images sans texte alternatif et les boutons non labellisés. - Pour comprendre comment les repères (landmarks) et les formulaires sont interprétés par les technologies d'assistance sans avoir à installer un lecteur d'écran. ## Fonctionnement - Collez votre code HTML brut ou saisissez l'URL d'une page web en direct. - Sélectionnez un préréglage de lecteur d'écran (NVDA, JAWS ou VoiceOver) pour adapter le style de narration. - Cochez les options pour inclure un résumé des repères sémantiques et afficher des suggestions de correction. - Consultez le rapport généré qui détaille l'ordre de lecture probable et signale les erreurs d'accessibilité. ## Cas d'usage - Développeurs front-end souhaitant valider la sémantique de leurs composants HTML (formulaires, modales, navigation) pendant la phase de codage. - Auditeurs en accessibilité cherchant à générer un aperçu rapide des erreurs critiques (titres, attributs ARIA) sur une page web spécifique. - Concepteurs UX/UI vérifiant que l'ordre de lecture logique correspond à l'ordre visuel et que les repères de page sont correctement définis. ## Questions fréquentes ### Cet outil remplace-t-il les tests avec de vrais lecteurs d'écran ? Non, il s'agit d'une simulation sémantique. Bien qu'il identifie les problèmes courants, il ne reproduit pas parfaitement le comportement exact de NVDA, JAWS ou VoiceOver. ### L'outil peut-il analyser du contenu dynamique généré par JavaScript ? L'analyse se base sur le HTML fourni ou récupéré. Si le contenu dynamique n'est pas présent dans le code source initial, il risque de ne pas être détecté. ### Quels types d'erreurs d'accessibilité sont mis en évidence ? Le rapport signale les sauts de niveaux de titres, les attributs alt manquants ou vides, les liens et boutons sans nom accessible, ainsi que l'absence de libellés de formulaire. ### À quoi servent les préréglages (presets) de lecteur d'écran ? Ils modifient uniquement le style de formulation et de narration dans le rapport pour correspondre aux habitudes de chaque logiciel, mais l'analyse sémantique de base reste identique. ### Pourquoi utiliser l'entrée HTML plutôt que l'URL ? L'entrée HTML est idéale pour analyser des composants isolés, du code en cours de développement local, ou pour garantir une analyse stable hors ligne. ## Outils associés - [Auditeur de Hiérarchie des Titres](https://elysiatools.com/fr/tools/heading-hierarchy-auditor): Audite la structure des titres depuis une URL ou du HTML collé et détecte les sauts de niveau, les h1 multiples, les headings purement décoratifs et la dérive avec les titres meta - [Convertisseur de formules AsciiMath / LaTeX / MathML](https://elysiatools.com/fr/tools/asciimath-latex-mathml-equation-converter): Convertit des formules entre AsciiMath, LaTeX et MathML : détecte le format d'entrée et produit du LaTeX canonique, du MathML de présentation annoté, une rétro-traduction AsciiMath approximative, un extrait aria-label pour lecteurs d'écran et un aperçu KaTeX. - [Verificateur d accessibilite](https://elysiatools.com/fr/tools/accessibility-checker): Detecte les problemes WCAG 2.1 courants dans du HTML, des pages ou des maquettes et fournit des corrections concretes - [Extracteur de Source d'Image](https://elysiatools.com/fr/tools/image-source-extractor): Extrayez les URLs d'image (attributs src) du code source HTML. Prend en charge les images en chargement différé et les attributs srcset. - [Extracteur de tableaux PDF vers CSV/JSON](https://elysiatools.com/fr/tools/pdf-table-extractor-to-csv-json): Extrait des tableaux PDF avec OpenDataLoader et les exporte en JSON, CSV ou HTML - [Extracteur dimages et captions PDF](https://elysiatools.com/fr/tools/pdf-image-caption-extractor): Extrait les images PDF, associe les captions voisines et genere un index HTML navigable - [Convertisseur Excel vers HTML](https://elysiatools.com/fr/tools/excel-to-html): Convertit les fichiers Excel au format de table HTML, en extrayant les données de la première feuille de calcul - [Extracteur Meta Tags](https://elysiatools.com/fr/tools/meta-tag-extractor): Extrait et analyse les meta tags, Open Graph, Twitter Cards et données structurées des pages web ## Exemples - [Échantillons de HTML avec Images](https://elysiatools.com/fr/samples/html-with-images): Échantillons de code source HTML avec des images pour tester l'extraction - [Exemples de Communication Temps Réel WebRTC](https://elysiatools.com/fr/samples/webrtc-samples): Exemples complets WebRTC pour communication audio/vidéo P2P, canaux de données, partage d'écran et serveur de signalisation - [Exemples Contentful CMS Cloud-based](https://elysiatools.com/fr/samples/contentful-samples): Exemples complets de Contentful couvrant le modelage de contenu, l'intégration d'API, les webhooks et les patterns d'intégration frontend - [Framework de Test E2E Cypress](https://elysiatools.com/fr/samples/cypress-testing): Exemples complets de tests E2E Cypress incluant configuration de tests, modèles d'objet page, tests d'API, tests de régression visuelle et patterns E2E avancés pour applications web modernes ## Contenu associé - [Audit d’accessibilité web avant publication](https://elysiatools.com/fr/hubs/web-accessibility-audits): Examinez la structure, l’ordre de lecture, le contraste des captures et les risques liés à la vision des couleurs d’une page ou d’un composant, puis faites valider les constats automatisés par une personne.