AnySurfer Checklist 2.0

2.1 Le code source est conforme à la spécification du langage

Veillez à ce que le code source en langage de markup soit conforme à la spécification du langage utilisé.

Pourquoi?

Un code source qui est conforme à la spécification du langage dans lequel il est écrit aura plus de chance d'être interprété correctement par tous les navigateurs et les différents types d'aides, comme les lecteurs d'écrans, et offre donc une plus grande accessibilité.

En pratique

Utilisez un DOCTYPE pour indiquer le standard que vous avez choisi de suivre. Puis veillez à écrire du HTML qui y soit conforme.

A moins que la spécification n'autorise le contraire, cela signifie que:

  • les éléments ont une balise de début et de fin
  • les éléments sont imbriqués correctement
  • les éléments ne contiennent pas de double attribut
  • les valeurs id sont uniques

Exemples de pratiques incorrectes

<p>Premier paragraphe
<p>Deuxième paragraphe</p>
<!--il manque une balise de fin à la fin du premier paragraphe -->

<img src="logo.jpg" alt="Logo" >
<!--en XHTML il manque un / à la fin -->

<strong><em>texte mis en évidence</strong></em>
<!--correction: <strong><em>texte mis en évidence</em></strong> -->

<div id="nav" id="main">

<input id="nom" name="prénom" type="text" />
<input id="nom" name="nom de famille" type="text" />

Remarque: Si vous suivez la spécification HTML4.01, alors les balises fermantes ne sont pas obligatoires.

Remarques

Il existe des programmes qui permettent de nettoyer le HTML (par exemple sur le site du validateur du W3C: Clean up Markup with HTML Tidy).

Lorsque vous choisissez le système de gestion de contenu que vous allez utiliser pour gérer le contenu de votre site, veillez à vérifier que les pages générées soient valides.

Méthode de test

Utilisez le validateur HTML du W3C pour contrôler chaque page.

Les erreurs suivantes doivent être résolues:

  • ID X already defined
  • end tag for X omitted, but OMITTAG NO was specified
  • end tag for element X which is not open
  • document type does not allow element X here
  • document type does not allow element X here; missing one of Y start-tag
  • duplicate specification of attribute X

Est-ce que le résultat est Passed [valid], pour toutes les pages du site?

  • Oui: OK
  • Non: Il y a une ou plusieurs erreurs ( Errors [invalid]), Sélectionnez l'option "Group error messages by type" et revalidez la page. Est-ce qu'il y a des erreurs faisant partie de celles énumérées ci-dessus?
    • Non: OK
    • Oui: Il faut corriger ces erreurs

Pour en lire plus

Règles correspondantes

WCAG 2.0

4.1.1 Analyse syntaxique (Niveau A)

Informations complémentaires

Prioriteit

  • Level A (Nederlands)

Webwerkers

  • Webdesigner (Templates et feuille de style)