retour vers le site AccessiWeb

Guide AccessiWeb


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

Fiche 8.3 : Des éléments de description de la page sont-ils présentes en début de code source ?

Carte d'identité

  • Critère AccessiWeb : 8.3
  • Niveau AccessiWeb : argent
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 2 de WAI) : 13.2

revenir en haut de la page

Comprendre

Bénéfices pour les utilisateurs

Remarque : il est également fortement conseillé d'écrire tout caractère spécial, comme les lettres accentuées, sous leur forme définie en html, c'est-à-dire avec le caractère d'échapement & (et commercial), puis le code attribué à la lettre et le point-virgule.

Valeur ajoutée pour le site

revenir en haut de la page

Comment évaluer

Par le code source

  1. Vérifier la présence de l’attribut charset dans une des balises META définie en début de code source.
  2. S'assurer que sa syntaxe est conforme :
    • A la grammaire déclarée dans la balise !DOCTYPE.
    • A la langue principale employée dans la page.

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.3.
  3. Les informations sur les éléments de description (méta-données) s'affichent dans une nouvelle fenêtre: l'url de la page, son titre (balise TITLE) le contenu des méta-données ainsi que le contenu des éléments LINK.
  4. Vérifier la présence de l'attribut charset dans une des balises META.
  5. S'assurer que sa syntaxe est conforme :
    • à la grammaire déclarée dans la balise DOCTYPE.
    • à la langue principale employée dans la page.

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
  1. Après avoir ouvert la page à analyser sous Internet Explorer, cliquer sur le menu "Infos Doc", puis sur l'option "Informations sur les méta-données [Nouvelle fenêtre]".
  2. Une nouvelle fenêtre apparaît.
  3. Vérifier la présence de l’attribut charset dans une des balises META.
  4. S'assurer que sa syntaxe est conforme :
    • A la grammaire déclarée dans la balise !DOCTYPE.
    • A la langue principale employée dans la page.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :
  1. Activer l'option "Informations sur la page" du menu "Information" puis cliquer sur l'onglet "Général".
  2. Plusieurs informations sur la page sont affichées dans une nouvelle fenêtre, dont le contenu de l'attribut charset au niveau de la rubrique "Encodage :",
  3. Si présent, s'assurer que la syntaxe du contenu de l'attribut charset est conforme :
    • A la grammaire déclarée dans la balise !DOCTYPE.
    • A la langue principale employée dans la page.

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
Ce critère n'est pas évaluable par le lecteur d'écran Jaws.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

Le développeur doit veiller au respect de ce critère.

Implémentation

Les balises de description de page sont les suivantes : META, LINK... Par exemple, si vous développez un site en Europe de l'ouest, il faut utiliser l'attribut charset suivant : ISO-8859-1 ou UTF-8. L'élément est renseigné en fonction de l'encodage effectif du document et de son type Mime sous la forme :

  1. En html :

    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

  2. En xhtml :

    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=ISO-8859-1" />

Exemple de mauvaise pratique

Dans les cas suivants, le critère est invalidé :

Dans l'extrait de code suivant, l'élément de description de la table de caractères a été omis :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Guide AccessiWeb - Accueil</title>
<link rel="stylesheet" type="text/css" href="css/guide-accessiweb-screen.css" media="screen" />
</head>

Exemple de bonne pratique

A contrario, pour que le critère soit valider, les conditions suivantes doivent être respectées :

Dans l'exemple qui suit, extrait d'une page du Guide AccessiWeb, la table de caractères déclarée correspond à celle de l'alphabêt français, ce qui est bien la langue du document :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=ISO-8859-1" />
<title>Guide AccessiWeb - Accueil</title>
<link rel="stylesheet" type="text/css" href="css/guide-accessiweb-screen.css" media="screen" />
</head>

revenir en haut de la page

Illustrations

Une page dont les lettres accentuées s'affichent mal

Cette capture d'écran présente une page tirée d'un site en espagnol. La table de caractères n'ayant pas été déclarée, les caractères accentués apparaissent sous la forme de carrés et autres symbols étranges. Ceci rend le texte illisble.

Une page dont les lettres accentuées s'affichent bien

Cette capture d'écran présente une page tirée d'un site en espagnol. Cette fois, la table de caractères déclarée est la bonne et les lettres accentuées s'affichent correctement.

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.2 Fiche suivante : fiche 8.4

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