Screen Reader (Lecteur d'Écran) : Définition
Aussi appelé : Lecteur d'Écran, Synthèse Vocale, Logiciel d'Accessibilité
Un Screen Reader (Lecteur d'Écran) est un logiciel d'assistance qui convertit le contenu affiché à l'écran en synthèse vocale ou en braille pour les personnes malvoyantes ou aveugles. Il interprète la structure HTML, les balises sémantiques et les attributs ARIA pour restituer le contenu de manière compréhensible. Les screen readers les plus utilisés sont JAWS, NVDA (Windows), VoiceOver (Apple) et TalkBack (Android).
Qu'est-ce que le Screen Reader et pourquoi est-ce important ?
Les Screen Readers sont essentiels pour rendre le web accessible aux 285 millions de personnes malvoyantes dans le monde. Ils ne "lisent" pas simplement le texte visible mais interprètent la structure sémantique de la page : titres (navigation par headings), liens, boutons, formulaires, images (via alt text), et zones de contenu.
Le fonctionnement repose sur le DOM (Document Object Model) et l'accessibility tree du navigateur. Un HTML bien structuré avec des balises sémantiques (<nav>, <main>, <article>) et des attributs ARIA appropriés crée une expérience fluide. Un HTML mal structuré (divs partout, images sans alt, formulaires non labellisés) rend la navigation impossible.
L'accessibilité n'est pas seulement éthique : elle est souvent légale (obligation RGAA en France, ADA aux USA), bénéficie au SEO (structure sémantique appréciée par Google), et améliore l'UX générale (clarté, navigation au clavier, mobile).
Exemple concret
Un e-commerce audite son accessibilité screen reader et corrige les problèmes :
Problèmes identifiés :
- Images produits sans attribut alt ("Image", "Photo" lu par le screen reader)
- Boutons "Ajouter au panier" sans contexte (lequel ?)
- Formulaire checkout sans labels associés
- Navigation par headings impossible (pas de hiérarchie H1→H6)
Corrections :
- Alt descriptifs : "Chaussure running Nike Air Zoom, rouge, vue de profil"
- Aria-label sur boutons : "Ajouter Nike Air Zoom au panier"
- Labels explicites liés aux inputs via
for/id - Structure headings logique : H1 (titre page), H2 (sections), H3 (sous-sections)
Résultats : Score WAVE (outil d'audit) passe de 23 erreurs à 0. Temps de complétion checkout pour utilisateurs screen reader : -45%. Conformité RGAA niveau AA atteinte.
Benchmarks Screen Reader par secteur
| Secteur | Screen Reader moyen | Source |
|---|---|---|
| Web | 15% de la population mondiale a un handicap | OMS 2024 |
| E-commerce | 71% des utilisateurs handicapés quittent un site inaccessible | Click-Away Pound 2024 |
| Tous secteurs | Marché pouvoir d'achat handicapés : 13 000 Mds$ monde | Return on Disability 2024 |
Termes connexes
Besoin d'aide pour comprendre vos métriques ?
On peut vous accompagner dans l'analyse de vos données et l'optimisation de vos performances marketing.