retour vers le site AccessiWeb

Guide AccessiWeb


vous êtes ici : Accueil > Fiches AccessiWeb : Eléments obligatoires > Fiche 8.2

Fiche 8.2 : L'attribut LANG est-il présent au début du code source de la page pour identifier clairement la langue utilisée ?

Carte d'identité

  • Critère AccessiWeb : 8.2
  • Niveau AccessiWeb : bronze
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 3 de WAI) : 4.3

revenir en haut de la page

Comprendre

Bénéfices pour les utilisateurs


Remarque : l'utilisateur doit avoir installé un moteur de synthèse capable de lire dans des langues étrangères. La plupart des aides techniques actuelles proposent au minimum l'anglais comme langue supplémentaire.

Valeur ajoutée pour le site

revenir en haut de la page

Comment évaluer

Par le code source

  1. Vérifier dans le code source, au début du document, la présence de l'attribut lang dans la balise HTML.
  2. Vérifier que la valeur de l'attribut lang est correcte.

Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

Evaluer avec la barre AccessiWeb (version 1.0) :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "8. Eléments obligatoires" de la Barre AccessiWeb, activer le critère 8.2.
  3. Si l'attribut lang est présent dans la page, il est affiché en haut à gauche de la page.
  4. Vérifier que le contenu de l'attribut lang correspond à la langue utilisée dans la page.
    Note : Pour enlever les attributs lang de la page, recharger la page en cliquant sur la touche F5.

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
  1. Aller dans "Infos Doc" puis dans "Montrer les attributs lang".
  2. Si présente, la valeur de l'attribut lang s'affiche en haut à gauche de la page.
  3. Vérifier que la valeur de l'attribut lang est correcte.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :
  1. Activer l'option "Voir Source" du menu "Voir Source".
  2. Une nouvelle fenêtre apparaît et affiche le code source.
  3. Vérifier la présence, au début du document, de l'attribut lang dans la balise HTML.
  4. Vérifier que la valeur de l'attribut lang est correcte.

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
  1. Lorsqu’une page est chargée dans Internet Explorer, Jaws commence à la lire automatiquement.
  2. Si la lecture ne se fait pas dans la langue de la page, il faut d'abord vérifier que Jaws est correctement paramétré pour basculer d'une langue à l'autre (voir le chapitre sur la configuration de Jaws).
  3. Lancer la lecture de la page avec la combinaison de touches Insert+flèche bas, ou en l'actualisant avec la touche F5. Si vous n'êtes pas familiarisé avec la lecture faite par la synthèse de Jaws, il vous est également possible de lire la page manuellement à l'aide des touches de direction flèche bas et flèche haut.
  4. Si la lecture ne se fait toujours pas dans la langue de la page, il y a de fortes probabilités que la langue ne soit pas spécifiée en début de document.
    Note : les langues fournies (actuellement) avec le lecteur d'écran Jaws sont le français, l'anglais, l'espagnol, l'allemand, l'italien, le brésilien et le finlandais.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

Le développeur doit s'assurer du respect de ce critère.

Implémentation

L'attribut lang, placé au début du code source du document, permet de spécifier la langue dominante du document. Il doit être inséré dans la balise <HTML> placée au tout début du document. La valeur à lui associer est un code langue. Par exemple "fr" pour un contenu en français, "de" pour un contenu en allemand, ...
Syntaxe générale :

<html [déclaration de langue]>

Comme l'indique ci-après l'étude de cas, la syntaxe de déclaration de la langue varie selon le type de document déclaré.

Exemple de mauvaise pratique

La mauvaise pratique consiste à ne pas inclure l'attribut lang dans la balise HTML ou à lui associer une valeur non valide.
Dans cet extrait de code, la langue déclarée est l'anglais alors que le texte du document est en français :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
...
<body>
Tendez bien l'oreille, ceci est un texte en français.
</body>
</html>

Exemple de bonne pratique

Dans l'extrait de code qui suit, la langue déclarée est le français, ce qui correspond bien à la langue du document :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
...
<body>
Tendez bien l'oreille, ceci est un texte en français.
</body>
</html>

Voici les différentes syntaxes de déclaration de langue selon la grammaire adoptée. Pour un document HTML ou XHTML transitional avec un contenu en français :

<html lang="fr">
<head>

[...] Pour un document du type XHTML 1.0 en mode strict avec un contenu en français :

<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>

[...] Pour un document du type XHTML 1.1 avec un contenu en français :

<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>

[...]
Les codes langues sont définis par le document [RFC1766] et décrits par la norme [ISO 639].

revenir en haut de la page

Illustrations

Note : pour lire les extraits sonores au format mp3 proposés sur ce guide, vous devez disposer d'un lecteur capable de lire ce type de fichier. Les enregistrements ont été réalisés à partir soit de la synthèse vocale utilisée par Jaws, soit celle utilisée par Home Page Reader. Pour plus d'informations sur le téléchargement de lecteurs de fichiers mp3, consulter le paragraphe Lecteurs multimédia de la page Outils d'aide à l'évaluation de ce guide.

Une page en français, déclarée en anglais (format mp3, 28 ko)

Le texte en français est lu par Jaws avec un terrible accent.

Une page en français, déclarée en français (format mp3, 22 ko)

Voici ce que lit Jaws :
"Tendez bien l'oreille, ceci est un texte en français"

revenir en haut de la page

Références

Autres fiches à consulter

Autres ressources

revenir en haut de la page


Fiche précédente : fiche 8.1 Fiche suivante : fiche 8.3

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact