# 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 ?

Sommaire de la fiche :

- Carte d'identité
- Comprendre

- Comment évaluer
- Comment mettre en oeuvre

- Illustrations
- Références

### 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

- Bénéfice 1 :
  Il est important de spécifier la langue d'un document afin de permettre aux navigateurs vocaux de prononcer correctement le contenu du document, et ceci dans la langue appropriée. En l'absence de cet attribut, un utilisateur francophone qui accède à une page en anglais et la fait lire par son navigateur vocal, entendra un texte inaudible avec un accent français. En revanche, si la langue du document est spécifiée, le navigateur vocal bascule automatiquement dans cette langue.

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

- Bénéfice 1 :
  La spécification de la langue peut améliorer l'indexation des documents dans certains moteurs de recherche.

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

- Fiche 8.7 : Les changements de langue dans une page sont-ils signalés ?

#### Autres ressources

- html Techniques (section 2.2) : Identifying the primary language
- Plongez dans l'accessibilité : Jour 7 : identifiez votre langue
- Openweb.eu.org : Comprendre et implémenter la langue d'un document (X)HTML
- RFC1766 : Tags for the Identification of Languages
- iso 639 : Language Codes

revenir au sommaire de la fiche

revenir en haut de la page

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