Eléments obligatoires

Déclaration de type de document

8.1 [A] Le type de document doit être déclaré.

Exemple HTML5 :

<!doctype html>

Validité du code HTML

8.2 [A] Le code HTML doit être valide.

Minimum requis :

respect de la syntaxe (éléments, attributs…) ;
respect des règles d’imbrication des éléments ;
balisage conforme (balises ouvrantes / fermantes) ;
ne pas utiliser d’éléments et d’attributs obsolètes ;
valeur des attributs conforme.

Utilisez les services de validation en ligne du W3C :

The W3C Markup Validation Service ;
Nu Html Checker (HTML5).

Respect de la sémantique des éléments

8.9 [A] Les éléments doivent être utilisés pour structurer le document, et non à seule fin de présentation.

Exemples de non-conformités :

utilisation des éléments <h1>, <h2>, etc. (titres) à seule fin de style ;
utilisation d’un élément <blockquote> (bloc de citation) à seule fin de créer un retrait de paragraphe ;
etc.

Les éléments <div> et <span> ne doivent pas être utilisés pour structurer le contenu si des éléments plus appropriés peuvent être utilisés.

Exemples de non-conformités :

utilisation d’un élément <div> (élément générique de type « bloc ») au lieu d’un élément <p> pour créer un paragraphe ;
utilisation d’un élément <span> (élément générique de type « en ligne ») au lieu d’un élément <q> pour une citation ;
etc.

L’élément <table> peut être utilisé uniquement à des fins de présentation sous réserve que cet élément possède un attribut role="presentation". Par contre, l’utilisation d’un élément table avec un attribut role="presentation" n’est pas conforme dans le cas d’un tableau de données.

Langue par défaut

8.3 [A] La langue de la page doit être déclarée (au moyen d’un attribut lang). 8.4 [A] Le code langue doit être pertinent.

Exemple :

<html lang="fr">

Voir la page Language tags in HTML and XML.

Titre de la page

8.5 [A] Chaque page doit posséder un titre (élément <title>). 8.6 [A] Ce titre doit être pertinent.

La page doit contenir, au minimum, les lignes de code suivantes :

<!doctype html>
  <html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <title>Titre de la page</title>
  </head>
</html>

N.B. : Vérifier que la page est encodée en UTF-8 sans BOM (byte order mark).

Changements de langue

8.7 [AA] Les changements de langue doivent être signalés (au moyen d’un attribut lang). 8.8 [AA] Le code langue doit être pertinent.

Exceptions (critère non applicable) :

noms propres ;
mots d’origine étrangère figurant dans le dictionnaire officiel de la langue définie comme langue par défaut ;
mots d’origine étrangère, absents du dictionnaire officiel – mais d’usage courant (par exemple newsletter) ;
termes soumis par un utilisateur en langue étrangère via un formulaire (par exemple via un formulaire de recherche) – et ré-affichés sous cette forme dans une autre page (par exemple dans une page des résultats de recherche) ;
passage de texte dont la langue ne peut être déterminée.

Pour la langue française voir la 9^e édition du dictionnaire de l’Académie française.

Changements du sens de lecture

8.10 [A] Les changements du sens de lecture doivent être signalés (au moyen d’un attribut dir="ltr" ou dir="rtl").

Exemple :

<span dir="rtl" lang="ar">نجيب محفوظ</span>