retour vers le site AccessiWeb

Guide AccessiWeb


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

Fiche 8.1 : La balise DOCTYPE est-elle présente au début du code source de la page ?

Carte d'identité

  • Critère AccessiWeb : 8.1
  • Niveau AccessiWeb : bronze
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 2 de WAI) : 3.2

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. Vérifier la présence de l’élément !DOCTYPE en début de code source et s'assurer que sa syntaxe est conforme à la spécification du type de document.

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.1.
  3. Si la balise DOCTYPE est présente dans la page, elle est affichée dans une nouvelle fenêtre.
  4. Vérifier que le contenu de la balise DOCTYPE est correcte.

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
  1. Aller dans "Infos Doc" puis dans "Montrer le DOCTYPE".
  2. Si le Doctype est présent, une fenêtre apparaît et l'affiche.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :
  1. Cliquer sur le menu "Outils", puis sur l'option "Valider HTML".
  2. Ce service permet d'analyser la page. Le rapport d'analyse affiche plusieurs informations dont le contenu de la balise !DOCTYPE.
  3. En cas d'absence de l'élément !DOCTYPE ou d'une mauvaise valeur dans cet élément, le rapport vous le signale.

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 ou webmestre en charge de mettre en place les gabarits dynamiques du site ou les pages statiques doit veiller à la présence de l'élément DOCTYPE.
Le choix de ce dernier doit être guidé par les éléments susceptibles d'être proposés dans la page et par l'environnement d'édition disponible pour la rédaction des contenus.

Implémentation

L'élément DOCTYPE est à placer au début du code juste avant l'ouverture de la balise HTML.

<!DOCTYPE ...>
<html>
[...]
</html>

La syntaxe exacte de cet élément est définie par chacune des recommandations relatives au type de document (HTML 3.2, HTML 4.01, XHTML 1.0, ...) et ne permet pas de variation par rapport à cette dernière.

Par exemple, le DOCTYPE d'un document HTML 4.01 doit correspondre à l'une des trois variantes proposées par cette spécification :

Exemple de mauvaise pratique

La mauvaise pratique consiste à omettre l'élément DOCTYPE ou à lui attribuer une valeur non valide.

Exemple de bonne pratique

Sur l'exemple d’un document HTML 4.01 :

revenir en haut de la page

Illustrations

Vue d'une page sans doctype sous Internet Explorer

Cette copie d'écran montre les conséquences, sous Internet Explorer de l'absence de la balise DOCTYPE. Elle présente un menu dont les sous-menus sont en décalages progressifs et se superposent au texte.

vue d'une page avec doctype sous Internet Explorer

Cette copie d'écran montre les conséquences, sous Internet Explorer, lorsque la balise DOCTYPE est présente et correctement renseignée. Elle reprend l'image précédente où les sous-menus sont, cette fois, correctement alignés et ne se superposent pas au texte.

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 7.2 Fiche suivante : fiche 8.2

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