Réparation HTML legacy

Répare un rapport dont les titres, données tabulaires et liens ont perdu leur sémantique.

Objectifs de la leçon

  • Comprendre le rôle de « Réparation HTML legacy ».
  • Appliquer une modification courte et vérifiable.
  • Expliquer pourquoi les tests prouvent la réussite.

Contexte

Le rapport annuel existant présente ses données dans de simples blocs visuels. Les lecteurs ne peuvent pas identifier les colonnes ni retrouver les résultats par un lien interne. Conserve le contenu métier : trente participants au premier trimestre. Ta mission est de réparer les relations du document, pas de remplacer les données par un exemple différent.

Contraintes

Remplace les faux titres par une hiérarchie h1 puis h2. Donne au tableau une légende et des en-têtes de colonne avec scope. Répare la destination du lien et le nom accessible de la section en utilisant des identifiants uniques.

Preuves

Décris trois défauts du document initial, puis associe chaque correction à un effet observable. Vérifie les données avant et après la réparation. Retire volontairement un identifiant pour confirmer que les contrôles détectent la régression, puis restaure la version correcte.

Vocabulaire lié

    Validation

    • La solution ajoute la structure minimale demandée avant toute décoration.
    • Chaque attribut important est relié à un besoin : navigation, nom accessible, validation ou information machine.
    • Les tests confirment la présence, le nombre ou la relation attendue ; ils ne valident pas seulement du texte décoratif.

    Ouvrir la leçon interactive