S’assurer que l’attribut lang de l’élément <html> a une valeur valide
Les normes d’accessibilité du web stipulent qu’un document HTML doit contenir un attribut lang valide ou correspondre à un code lang valide pour les utilisateurs de lecteurs d’écran multilingues.
Pourquoi c’est important
Lors de la configuration d’un lecteur d’écran, les utilisateurs doivent sélectionner une langue par défaut. Lorsque la langue d’un site web n’est pas spécifiée, le lecteur d’écran utilise la langue par défaut définie par l’utilisateur.
En définissant la langue d’une page web, vous vous assurez que le contenu est prononcé correctement.
Résolution du problème
Ajoutez un attribut lang ou xml:lang à l’élément html (par exemple, <html lang=”en”> ou <html xml:lang=« en »>) qui représente la langue principale du document.
Veillez à identifier une langue dans l’élément d’ouverture <html> et à épeler l’attribut correctement.
Vous pouvez même spécifier certains dialectes à l’aide de codes tels que « en-US » pour mettre en évidence l’anglais américain ou « fr-CA » pour le français canadien.
Bon exemple de code :
<html lang=”en”>
<!–document head and body–>
</html>
Si la langue change dans un document, vous pouvez le spécifier comme suit :
<p>Texte dans une langue <span lang=”es”>texte dans une autre langue</span></p>
Si vous utilisez une langue qui s’écrit de droite à gauche, veillez à le spécifier à l’aide de l’attribut dir :
<p lang=”ar” dir=”rtl”>Arabic text here</p>
Si vous souhaitez spécifier qu’une langue s’écrit de gauche à droite, vous pouvez remplir la valeur de l’attribut dir avec la valeur « ltr ».
Cas de test
Pour plus d’exemples, visitez la bibliothèque des règles ATC du W3C sur GitHub.