3.1 Langue de la page
3.1.1 Renseigner sur la langue principale de la page avec l'attribut « lang » sur la balise
Afin de garantir la bonne restitution des contenus textuels à l’utilisateur, une déclaration de langue principale doit être effectuée sur chaque page. Utiliser pour cela l’attribut « lang » sur la balise <html> .
Par exemple, pour une page en français : <html lang="fr"> .
ASTUCES
Pour renseigner l’attribut « lang », un code de langue ISO 639-1 (sur deux lettres), ou s’il n’est pas disponible, ISO 639-2 (sur trois lettres) doit être utilisé.
Les principaux codes utilisés sont les suivants :
fr pour le français.
en pour l’anglais.
es pour l’espagnol.
de pour l’allemand.
it pour l’italien.
RESSOURCES
Liste exhaustive des codes (Nouvelle fenêtre) (Cette liste est maintenue à jour)
3.1.2 Changement de langue
Si des contenus sont proposés dans une autre langue que la langue principale, alors ils doivent être signalés avec l’attribut« lang ».
Par exemple, pour une page en français <html lang="fr"> :
<ul>
<li>Version française</li>
<li><a href="http://website.co.uk" lang="en" hreflang="en">English version</a></li>
</ul>
REMARQUES
Signaler le changement de langue n’est pas nécessaire pour :
- Les noms propres.
- Les mots d’origine étrangère à la base, mais intégrés dans le dictionnaire de la langue principale.
- Tous les mots d’origine étrangère, mais qui se prononcent et se comprennent correctement avec l’accent de la langue principale (« podcast », par exemple, si la langue principale est le français).
ASTUCES
Si aucune balise n’encadre directement le contenu en langue étrangère, alors utiliser la balise <span> ou <div> et renseigner son attribut « lang ».
ATTENTION
Ne pas confondre l'attribut « hreflang » et l'attribut « lang » qui peuvent tout deux être ajouté sur la balise <a>. L'attribut « lang » indique que l'intitulé du lien est d'une autre langue que celle de la page, tandis que l'attribut « hreflang » indique que la page d'aboutissement du lien sera dans une autre langue que celle de la page.
<ul>
<li><a
href="http://www.cbc.ca"
hreflang="en"
lang="en"
target="_blank"
title="CBC (Nouvelle fenêtre - en anglais)">CBC.ca</a> (en anglais)</li>
</ul>
Veuillez noter que, au contraire de l'attribut « lang », l'attribut « hreflang » n'est pas supporté par les lecteurs d'écran (Jaws et NVDA). Son utilisation est proposé mais pas nécessaire.