TP3 : Titres, liens et images

Contexte

Vous intégrez une page complète sur votre site : elle contient du texte structuré, un lien vers une ressource externe et une image illustrative. Chaque élément doit être accessible : un titre mal imbriqué, un lien non explicite ou une image sans alternative peuvent rendre la page inutilisable pour certains utilisateurs.

Objectif

Intégrer un contenu complet en respectant simultanément la hiérarchie des titres, la rédaction des liens et le renseignement des alternatives textuelles aux images.

Ce qu’on évalue

  • La hiérarchie des titres est correcte et cohérente Le lien est explicite hors contexte
  • L’alternative de l’image est renseignée si l’image est porteuse d’information, vide si elle est décorative
  • L’alternative décrit ce que l’image apporte au contenu, pas ce qu’elle représente littéralement

Matériel fourni

Consignes

  • Lisez le document Word et repérez les trois types d’éléments : titres, lien, image.
  • Intégrez le texte dans votre éditeur en respectant la hiérarchie des titres.
  • Insérez le lien : rédigez un intitulé de lien explicite, qui indique où l’on va ou ce que l’on fait.
  • Insérez l’image : déterminez d’abord si elle est décorative ou informative, puis renseignez (ou laissez vide) l’attribut alt en conséquence.
  • Soumettez votre page au formateur pour correction collective.

Pour aller plus loin

Naviguez dans votre page uniquement avec la touche Tab et les touches de navigation du lecteur d’écran NVDA ou VoiceOver (Pour mac). Le contenu est il claire et explicite avec ce mode de navigation ?


Corrigé