Ce que c'est
Un lecteur d'écran est un logiciel utilisé par les personnes aveugles ou malvoyantes pour lire le contenu d'une page à voix haute, en convertissant le texte en parole. Pour le faire correctement, il doit savoir quelle prononciation et quelle voix utiliser — des mots français prononcés avec la phonétique française, des mots anglais avec la phonétique anglaise, et ainsi de suite — et il obtient cette information via l'attribut lang défini sur la balise <html> de la page.
C'est le même attribut traité sous un angle technique et SEO plus large dans notre autre guide sur l'attribut lang — ici, l'accent est mis spécifiquement sur ce qui arrive à une personne qui dépend réellement d'un lecteur d'écran quand cet attribut est absent ou incorrect.
Pourquoi c'est important
Sans attribut lang correctement défini, un lecteur d'écran doit deviner quelle langue et quelle voix utiliser, et une mauvaise supposition produit des résultats vraiment étranges, parfois inintelligibles — une page en anglais lue à voix haute avec des règles de prononciation étrangères, par exemple, peut transformer des mots familiers en quelque chose qui ne ressemble plus du tout à un vrai discours. Ce n'est pas un désagrément mineur pour quelqu'un qui dépend entièrement de cette lecture pour accéder à ton contenu ; cela peut rendre une page totalement inutilisable.
Cet attribut unique est l'une des corrections d'accessibilité les plus efficaces et les moins coûteuses en effort qui existent, précisément à cause de cet écart entre la petitesse du correctif (un mot, dans une balise) et l'ampleur avec laquelle il peut casser l'expérience d'un utilisateur de lecteur d'écran quand il est incorrect.
Comment le corriger
- Vérifie que la balise
<html>inclut un attributlangcorrespondant à la langue réelle de la page, par exemple<html lang="fr">. - Pour un site avec du contenu en plusieurs langues, assure-toi que l'attribut lang de chaque page correspond à la langue propre de cette page, et non à une valeur par défaut unique pour tout le site.
- Si une section précise d'une page change de langue (une phrase citée dans une autre langue, par exemple), cette section peut aussi porter son propre attribut
lang, même si celui au niveau de la page est le plus important à corriger en premier. - La plupart des créateurs de site configurent cela automatiquement selon la langue générale de ton site — vérifie ce réglage plutôt que d'éditer le code directement si tu utilises l'une de ces plateformes.
- Si possible, teste réellement la page avec un lecteur d'écran gratuit (comme NVDA sous Windows, ou VoiceOver intégré à macOS/iOS) pour entendre comment elle est lue à voix haute.