Attribut HTML lang : déclarer la langue d’une page web

Q: À quoi sert l’attribut lang ?

À indiquer la langue principale de la page sur la balise html , pour que les lecteurs d écran chargent les bonnes règles de prononciation.

Q: Que se passe-t-il sans lui ?

Le lecteur d écran devine la langue et peut prononcer le texte avec le mauvais accent, rendant le contenu difficile à comprendre.

Une ligne de code, souvent oubliée, change tout pour une personne aveugle qui « écoute » votre site : l’attribut lang. Sans lui, un lecteur d’écran ne sait pas dans quelle langue prononcer votre texte — et lit du français avec un accent anglais, ou l’inverse, rendant le contenu incompréhensible. La déclarer correctement est l’une des corrections d’accessibilité les plus simples qui soient.

C’est quoi l’attribut lang ?

C’est une mention placée tout en haut du code de la page, sur la balise <html>, qui indique la langue principale du contenu : <html lang="fr"> pour le français, lang="en" pour l’anglais. Une information invisible pour le visiteur voyant, mais essentielle pour les technologies d’assistance.

Pourquoi c’est crucial pour l’accessibilité

Les lecteurs d’écran s’appuient sur cet attribut pour charger les bonnes règles de prononciation. Avec lang="fr", le logiciel lit votre texte avec la phonétique française ; sans déclaration, il devine — souvent selon les réglages de l’utilisateur — et peut massacrer la prononciation. C’est la règle WCAG 3.1.1, de niveau A : le socle de l’accessibilité.

Et pour Google ?

Soyons précis et honnêtes : Google ne s’appuie pas principalement sur l’attribut lang pour déterminer la langue d’une page. Il se fie surtout au contenu visible. L’attribut reste une bonne pratique, mais ne comptez pas dessus pour « cibler un pays » : pour le référencement multilingue, ce sont d’autres mécanismes (le hreflang) qui jouent ce rôle. Ici, l’enjeu principal est bel et bien l’accessibilité.

La bonne valeur

Pour la plupart des sites francophones, c’est tout simple : lang="fr". Vous pouvez préciser la région (fr-FR pour le français de France, fr-CA pour le Canada), mais ce n’est pas obligatoire. L’essentiel est que la valeur déclarée corresponde à la langue réellement utilisée sur la page.

Le cas des passages dans une autre langue

Si une partie de votre page est dans une autre langue (une citation en anglais, par exemple), vous pouvez le signaler localement avec un lang sur l’élément concerné : <span lang="en">. Le lecteur d’écran bascule alors la prononciation le temps du passage. C’est un raffinement ; l’essentiel reste de déclarer correctement la langue principale.

Une erreur fréquente

Le piège classique : déclarer la langue ailleurs que sur la balise <html>, ou indiquer un code erroné (par exemple lang="CH" en croyant viser le chinois, alors que le code correct est zh). Vérifiez que l’attribut est bien sur la balise racine et que le code de langue est exact.

Comment vérifier et corriger

Limpi indique si vos pages déclarent une langue et si le code semble correct.
Vérification manuelle : dans votre navigateur, regardez le tout début du code source (la balise <html>) et cherchez lang=.
Corrigez dans votre thème : la plupart fixent la langue d’un seul réglage, qui s’applique à toutes les pages.

L’essentiel en pratique

Assurez-vous que chaque page déclare sa langue sur la balise <html> — pour un site français, lang="fr". C’est l’une des corrections d’accessibilité les plus simples, souvent réglable d’un seul paramètre du thème.

L’attribut lang, c’est l’accent que vous donnez à votre site quand on l’écoute : déclarez « français », et la voix de synthèse lira juste ; oubliez-le, et elle bafouille.

Un effet collatéral utile : la traduction automatique

Au-delà des lecteurs d’écran, l’attribut lang rend un autre service discret : il aide les outils de traduction automatique. Quand un visiteur étranger arrive sur votre site, son navigateur (ou une extension) lui propose souvent de traduire la page. Pour le faire correctement, l’outil a besoin de savoir depuis quelle langue traduire : c’est précisément ce que lui indique l’attribut lang="fr". Une langue mal déclarée — ou déclarée en anglais sur une page française, erreur fréquente avec certains thèmes par défaut — peut empêcher la proposition de traduction, ou la fausser. Pour un commerçant qui touche parfois une clientèle internationale ou des visiteurs non francophones, c’est un petit détail qui élargit, l’air de rien, l’accessibilité de votre site bien au-delà des seules personnes en situation de handicap.

En résumé

L’attribut lang sur la balise <html> indique la langue principale de la page : il permet aux lecteurs d’écran de la prononcer correctement (règle WCAG 3.1.1, niveau A). Pour Google, c’est secondaire — il se fie au contenu visible —, donc l’enjeu réel est l’accessibilité. Pour un site français, déclarez lang="fr". C’est une correction simple, souvent réglable d’un seul paramètre du thème.

Questions fréquentes

À quoi sert l’attribut lang ?

À indiquer la langue principale de la page sur la balise <html>, pour que les lecteurs d’écran chargent les bonnes règles de prononciation.

Que se passe-t-il sans lui ?

Le lecteur d’écran devine la langue et peut prononcer le texte avec le mauvais accent, rendant le contenu difficile à comprendre.

Est-ce utile pour Google ?

Peu : Google se fie surtout au contenu visible pour déterminer la langue. L’attribut lang est avant tout un enjeu d’accessibilité.

Quelle valeur mettre ?

Pour un site français, lang="fr". Vous pouvez préciser la région (fr-FR, fr-CA), mais ce n’est pas obligatoire ; la valeur doit refléter la langue réelle.

Comment vérifier ?

Via Limpi, ou en regardant le début du code source (la balise <html>) pour y trouver lang=. La correction se fait en général dans le thème.

Sources et références

W3C — Web Accessibility Initiative (WAI) — Comprendre le critère 3.1.1 : langue de la page
Google Search Central — Gérer les sites multirégionaux et multilingues

Vous voulez savoir ce qu'il en est sur VOTRE site ?

Limpi analyse votre site et vous dit, en clair, ce qui cloche et comment le corriger. Sans jargon.

Analyser mon site gratuitement →