AnySurfer Checklist 2.0

2.2.3 La langue principale de chaque page est indiquée

Complétez l'attribut lang dans la balise html de chaque page web. La valeur de cet attribut correspond à la langue dans laquelle la page est rédigée.

Voici quelques codes fréquemment utilisés:

  • Néerlandais: lang="nl"
  • Français: lang="fr"
  • Anglais: lang="en"
  • Allemand: lang="de"

Pourquoi?

Spécifier la langue est important pour un logiciel de lecture d'écran. Ce logiciel utilise la prononciation appropriée pour la langue spécifiée. Imaginez qu'un utilisateur de synthèse vocale hispanophone soit redirigé au cours de ses recherches, sur une page spécifique de votre site. Parce que vous avez spécifié la langue principale de chaque page dans la balise HTML en tête des documents via l’attribut lang, il ne devra effectuer aucune modification de paramétrage des langues de son logiciel pour prendre connaissance du contenu. A l'inverse, écouter du contenu francophone avec une synthèse vocale configurée initialement pour lire du néerlandais est un réel calvaire.

Inutile de rappeler que l'attribut lang en tête de page est un élément de grande importance dans la précision des critères de résultats pour les moteurs de recherche.

En pratique

  • En html : <html lang="fr"> .
  • En XHTML : <html lang="fr" xml:lang="fr"> .
  • Il ne suffit pas d'indiquer la langue dans une balise meta.

Exemple d'utilisation de balise meta (insuffisant)

<meta name="language" content="nl" />

Méthode de test

  • Ouvrez quelques pages du site dans un navigateur de votre choix.
  • Vérifiez que l'élément html ait bien un attribut lang correspondant à la langue du texte sur la page.
  • Répétez ce test pour toutes le langues dans lesqelles le site est disponible.

Pour en lire plus

En anglais

Règles correspondantes

WCAG 2.0

3.1.1 Langue de la page (Niveau A)

Informations complémentaires

Prioriteit

  • Level A

Doelgroepen

  • Blinden
  • Slechtzienden
  • Dyslectici
  • Anderstaligen
  • Zoekrobots

Webwerkers

  • Concepteur web (Programmation front-end, implémentation CMS et Javascript)
  • Webdesigner (Templates et feuille de style)