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

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

- Bénéfice 1 :
  L'absence de la balise `DOCTYPE` (ou une forme invalide) va faire rentrer l'ensemble des navigateurs modernes dans un mode de restitution non standard et variant d'un client à l'autre. L'auteur des pages ne pourra donc pas garantir que son document soit interprété avec les même règles (visuel, braille, vocal, etc...), notamment vis-à-vis des éléments contenus dans la page (entités des caractères tels que & eacute;, frames, éléments multimédias, liens et ancres...)
  Cet élément permet en définitive de limiter les différences d'interprétation entre l'environnement initial de création et les multiples environnements finaux de consultation.

#### Valeur ajoutée pour le site

- Bénéfice 1 :
  La présence de l'élément `DOCTYPE` permet aux développeurs et webmasters de connaître le type de document dont ils ont la charge et les invite à consulter et à respecter - dans la mesure du possible - la spécification du langage utilisé.
- Bénéfice 2:
  Sans la présence de la balise `DOCTYPE` dans une page HTML, celle-ci ne sera pas validée par le W3C Validator.

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 :

- "HTML 4.01 Frameset" :

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
  "http://www.w3.org/TR/html4/frameset.dtd">

- "HTML 4.01 Transitional" :

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

- "HTML 4.01 Strict" :

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">

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

- S'il implémente des jeux de cadres (frames), son `DOCTYPE` doit correspondre à celui de la variante "HTML 4.01 Frameset" ;
- S'il ne peut grossièrement s'affranchir de l'utilisation des balises et attributs de mise en forme (`FONT`, `CENTER`, `bgcolor`, `align`,...), le `DOCTYPE` doit correspondre à la définition d’un document "HTML 4.01 Transitional" ;
- S'il est possible de déporter l'ensemble de la mise en forme dans les feuilles de style, il est envisageable de définir le document par du "HTML 4.01 Strict".

revenir en haut de la page

### Illustrations

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.

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

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

#### Autres ressources

- html Techniques (section 1.1.4) : The !DOCTYPE statement
- w3c : List of valid DTDs you can use in your document
- Plongez dans l'accessibilité : Jour 6 : choisir un doctype
- pdimension.net : N'oubliez pas d'ajouter un doctype
- Le site de AlsaCreation : Les DTD HTML4.01 et XHTML1.0 : comment choisir ?
- La Grange : Les informations de version pour HTML 4.01
- La Grange : Documents XHTML 1.0 strictement conformes

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