Le code source de toutes les pages Web doit être valide selon le type de document spécifié.
Bénéfices pour les utilisateurs
Utilisateurs concernés : tous les internautes. Le respect de ce critère garantit une restitution adéquate de la page par n'importe quel navigateur.
Si le type de document (balise DOCTYPE) et le jeu de caractères ne sont pas définis (ou non valides), l'ensemble des navigateurs modernes restitueront la page Web dans un mode 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êmes règles (visuel, braille, vocal...), notamment vis-à-vis des éléments contenus dans la page (entités des caractères tels que les caractères accentués : é pour la lettre accentuée "é" , frames, éléments multimédias, liens et ancres...).
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 et d'un jeu de caractères dans une page html, celle-ci ne sera pas validée par le W3C Validator.
Note : de manière générale, il est conseillé de faire l'évaluation d'un critère via l'analyse de son code source. Ce procédé d'évaluation par le code source est détaillé ci-après quand il est possible : procédé d'évaluation en 3 étapes via le ou les tests associés au critère. Les procédés d'évaluation par différents outils sont donnés en complément de l'évaluation par le code source.
Par le code source
Sélectionner le(s) élément(s) à tester :
Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : balise doctype (exemple de code source : <!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">).
Relever l'ensemble des balises et attributs utilisés dans le code source.
Appliquer le(s) test(s) suivant(s) :
Test 8.2.a [Argent] : Les balises html sont-elles correctement implémentées dans le code source selon le type de type de document spécifié ?
Test 8.2.b [Argent] : Les attributs html sont-ils correctement implémentés dans le code source selon le type de type de document spécifié ?
Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.
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 d'outils Accessibilité du Web pour Internet Explorer (version 2.0 beta en français) :
Avertissement : les informations du paragraphe "Comment mettre en oeuvre" sont données à titre indicatif. Les contenus des sous-paragraphes Implémentation et Exemple de bonne pratique ne présentent pas tous les codes d'implémentation.
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
Plusieurs cas :
omission de la fermeture d'éléments de type p, div, table lorsque le type de document est en strict.
utilisation d'attributs sur des éléments qui ne peuvent pas en recevoir
Par exemple :
<p name="xx">
utilisation d'éléments propriétaires.
Exemple de bonne pratique
Veiller à la bonne ouverture/fermeture des éléments (dans le cas d'un type de document en strict).
Respecter la grammaire relative au type de document doctype annoncé pour la page.
Note : pour le passage d'un type de document d'un mode Transitional à un mode Strict, il faut que la déclaration de l'ensemble des balises et des attributs soit en lettres minuscules.