Textes alternatifs — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 8)

Textes alternatifs

Accessibilité · niveau 1 (application)

Énoncé

Écrire l'attribut alt de chacune de ces images de la Librairie du Campus.

Le logo de la librairie, dans un lien vers la page d'accueil.
Un filet ornemental entre deux sections.
La couverture du « Petit Prince » sur la fiche du livre.
Une loupe, seul contenu du bouton de recherche.
Un histogramme des ventes par rayon, dont les valeurs ne figurent nulle part ailleurs dans la page.

alt="La Librairie du Campus, accueil" : dans un lien, l'alternative dit la destination.
alt="" : purement décoratif, l'attribut est présent mais vide.
alt="Couverture : le petit prince debout sur sa planète." Sur la fiche du livre, le titre est déjà écrit en <h1> : on décrit ce que la couverture ajoute.
alt="Rechercher" (ou « Lancer la recherche ») : le nom de l'action, jamais « loupe ».
Un alt court qui dit l'objet, alt="Ventes par rayon en 2026", et les valeurs dans la page, par exemple dans un tableau ou une <figcaption> : « Informatique 42 %, Littérature 31 %… ». Un alt de dix lignes serait lu d'un seul bloc, sans possibilité d'y naviguer.