Effectuer la revue finale du document

Une page peut sembler terminée tout en conservant des défauts difficiles à repérer à la lecture : un lien interne sans destination, un champ sans libellé associé ou une balise mal fermée. Avant de publier la réservation de l’atelier, vous allez vérifier la page entière dans le navigateur et avec un validateur HTML. La revue porte sur le document final, pas sur l’ajout de nouvelles fonctionnalités.

1. Vérifier le document dans son ensemble

Ouvrez index.html et contrôlez d’abord que la page respecte le contrat du projet : le document contient une structure cohérente avec header, nav, main, section, article et footer. Vérifiez aussi qu’il n’y a qu’un seul h1, que les sections possèdent des titres pertinents et que les classes présentes sont celles autorisées. Ces contrôles prolongent les vérifications de structure et d’assemblage déjà effectuées dans les leçons précédentes.

Parcourez ensuite le fichier du début à la fin pour repérer les erreurs concrètes : élément ouvert mais non fermé, balises qui se chevauchent ou attribut placé sur le mauvais élément. Conservez une indentation régulière de quatre espaces afin de rendre les niveaux d’imbrication visibles. Une indentation soignée ne garantit pas à elle seule un HTML valide, mais elle facilite le repérage des erreurs avant l’analyse automatique.

2. Tester les liens et les zones de navigation

Dans le navigateur, activez successivement les liens Présentation, Inscription et Tarifs. Chacun doit amener à la zone annoncée, sans erreur ni destination manquante. Pour les liens internes, comparez la valeur de chaque fragment, par exemple #tarifs, à l’identifiant correspondant dans la page ; la casse et l’orthographe doivent concorder.

Vérifiez également les liens contextuels ajoutés dans le contenu. Leur texte doit permettre de comprendre ce qui sera ouvert, et leur adresse doit mener à la ressource prévue, plutôt qu’à une destination provisoire. Si un lien ne fonctionne pas, corrigez son adresse ou retirez-le jusqu’à ce que sa destination soit définie : un lien affiché comme disponible mais inutilisable dégrade la navigation.

3. Contrôler les champs et le tableau

Passez en revue chaque champ visible du formulaire, y compris les contrôles de choix. Chaque contrôle doit avoir un libellé compréhensible et une association correcte entre la valeur de for du libellé et l’id du contrôle. Vérifiez que les identifiants ne sont pas dupliqués et que les champs destinés à être transmis portent un attribut name. Pour les groupes radio ou les cases à cocher, contrôlez aussi que le texte de chaque choix permet de l’identifier sans ambiguïté.

Testez une soumission avec des champs obligatoires vides, puis avec des valeurs valides et des valeurs hors limites. Le navigateur doit signaler les erreurs prévues par les attributs HTML, par exemple une adresse courriel au format incorrect ou un nombre de participants supérieur au maximum. Après chaque test, vérifiez que vous pouvez corriger la saisie et soumettre le formulaire sans que les contraintes empêchent une réservation valide.

Relisez enfin le tableau des tarifs. La légende doit préciser l’unité des prix, les en-têtes de colonnes doivent utiliser la portée prévue et chaque formule doit être identifiée comme en-tête de ligne. Comparez les montants et les durées affichés avec les informations de l’atelier : une structure correcte ne compense pas une donnée erronée ou une unité absente.

4. Utiliser un validateur puis corriger

Soumettez ensuite le document à un validateur HTML, par exemple le service de validation du W3C. Il peut révéler une erreur de syntaxe ou une incohérence que la consultation visuelle ne montre pas. Traitez les messages un par un, en commençant par les erreurs susceptibles d’entraîner d’autres diagnostics, puis relancez la validation après chaque série de corrections.

Après les corrections, rechargez la page et recommencez les contrôles concernés : navigation, soumission du formulaire, libellés, tableau et validation HTML. Cette dernière passe permet de repérer une régression introduite pendant la correction. La page est prête lorsque les destinations sont cohérentes, les saisies invalides sont signalées et le document ne présente plus de défaut structurel détecté.

À retenir

• Vérifiez l’imbrication, les titres, les landmarks et l’unicité du h1 dans le document final.
• Testez chaque lien et confirmez que sa destination existe et correspond à son intitulé.
• Contrôlez les associations label-champ, les contraintes de saisie et les données du tableau.
• Validez le HTML, corrigez les erreurs, puis refaites les tests dans le navigateur.

Vous disposez maintenant d’une méthode de revue applicable avant chaque publication d’une page HTML.