retour vers le site AccessiWeb

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 ?

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

Valeur ajoutée pour le site

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

Autres ressources

revenir en haut de la page


Fiche précédente : fiche 8.6 Fiche suivante : fiche 9.1

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