# Guide AccessiWeb

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

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

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.7
- Niveau AccessiWeb : bronze
- Point(s) de contrôle WCAG 1.0 correspondants (Priorité 1 de WAI) : 4.1

revenir en haut de la page

### Comprendre

#### Bénéfices pour les utilisateurs

- Bénéfice 1 :
  La spécification des changements de langue permet aux navigateurs vocaux d'adapter leur synthétiseur vocal pour qu'il prononce correctement les contenus dont la langue n'est pas celle utilisée dans la page (cf. critère 8.2). Ainsi, les mots ou expressions dans une autre langue sont plus facile à entendre et à reconnaître, pour les utilisateurs de navigateurs vocaux

#### Valeur ajoutée pour le site

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

revenir en haut de la page

### Comment évaluer

#### Par le code source

1. Identifier la langue naturelle primaire de la ressource, soit par l'en-tête HTTP "Content-Language" l'attribut `lang` de l'élément `HTML` ou par le contexte du site (la langue naturelle primaire du site - si le site est monolingue).
2. En examinant attentivement la ressource, identifier tous changement dans la langue naturelle du texte, y compris le texte contenu dans toute alternative textuelle.
3. Vérifier, en examinant le code source, si chaque fragment de texte applicable (contenant du texte exprimé dans une langue naturelle autre que la langue naturelle primaire de la ressource) est exactement délimité par un élément HTML ayant un attribut `lang` qui lui est associé.

#### 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.7.
3. Si des attributs `lang` sont présents dans la page, ils sont affichés dans la page.
4. Vérifier que l'ensemble des termes en langue étrangère comporte un attribut `lang` et que chaque attribut `lang` est correctement renseigné.
   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. Dans "Infos doc" puis "Montrer les attributs lang".
2. Si présents, tous les attributs `lang` sont affichés dans la page.
3. Vérifier que l'ensemble des termes en langue étrangère comporte un attribut `lang` et que l'attribut `lang` est correctement renseigné.

##### 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, pour chaque changement de langue, que l'attribut `lang` est présent et correctement renseigné.

##### Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :

1. Dès que la page est chargée, elle est lue automatiquement par Jaws. 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.
2. A partir de la version 5, Jaws change automatiquement de langue lorsque ces changements sont spécifiés.
3. Il faut cependant s’assurer que l’option "détection des langues" est activée (voir la partie sur la configuration de Jaws).
4. Si le changement de langue ne se fait pas sur les expressions qui ne sont pas dans la langue dominante du document, il y a de fortes probabilités que celui-ci ne soit pas indiqué dans le code source de la page.

revenir en haut de la page

### Comment mettre en oeuvre

#### Qui est concerné ?

Le développeur doit veiller à ce chaque changement de langue dans une page soit correctement implémenté dans le code source.

#### Implémentation

L'attribut `lang` doit être placé au début des contenus dont la langue est différente de celle utilisée dans la page (cf. critère 8.2). La valeur à lui associer est un code langue (par exemple "fr" pour un contenu français, "en" pour un contenu anglais, ...).
L'attribut `lang` peut être inséré dans n'importe quelle balise HTML : `P`, `H`.... Cependant, certains navigateurs vocaux ne prennent pas en compte l'attribut sur ces balises. Ils ne reconnaissent les changements que si ceux-ci sont contenus dans une balise `SPAN`. Le mieux est donc d'encadrer les contenus de langue différente par une balise `SPAN` contenant l'attribut `lang`.
Syntaxe générale

<span lang="[code pays]">[expression]</span>

Le code pays est composé de deux lettres.

#### Exemple de mauvaise pratique

Dans un document en français proposant une traduction de certaines phrases en anglais et en espagnol :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
...
<body>
<p>Bonjour, je m'appelle AccessiWeb</p>
<p>Hello, my name is AccessiWeb</p>
<p>Hola, me llamo AccessiWeb</p>
</body>
</html>

#### Exemple de bonne pratique

Dans un document français proposant la traduction de certaines phrases en anglais et en espagnol :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
...
<body>
<p>Bonjour, je m'appelle AccessiWeb</p>
<p lang="en">Hello, my name is AccessiWeb</p>
<p lang="es">Hola, me llamo AccessiWeb</p>
</body>
</html>

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 multilingue, changements de langue non signalés (format mp3, 49 ko)

Les trois phrases suivantes sont lues par Jaws successivement avec l'accent français, puisque la langue principale du document est le français :
"Bonjour, je m'appelle AccessiWeb.
hello, my name is AccessiWeb.
Hola, me llamo AccessiWeb."

Page multilingue dont les chngements de langue sont signalés (format mp3, 47 ko)

Les trois phrases suivantes sont lues par Jaws successivement et automatiquement dans la bonne langue, avec le bon accent et la bonne intonation :
"Bonjour, je m'appelle AccessiWeb.
hello, my name is AccessiWeb.
Hola, me llamo AccessiWeb."

revenir en haut de la page

### Références

#### Autres fiches à consulter

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

#### Autres ressources

- html Techniques (section 2.1) : Identifying changes in 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