Les images

<img src="logo.png" alt="Logo du jardin partagé" width="200" height="200">

• src : le fichier de l'image.
• alt : le texte de remplacement. Il est lu par les lecteurs d'écran, affiché quand l'image ne charge pas, et lu par les moteurs de recherche. Il décrit ce que l'image apporte, pas « image de... ».
• width et height : les dimensions. Le navigateur réserve la place avant le chargement, et le texte ne saute pas quand l'image arrive.

Une image purement décorative reçoit un alt vide (alt=""), qui dit explicitement « rien à lire ici ». Un alt absent, en revanche, est une erreur : certains lecteurs d'écran lisent alors le nom du fichier.

Une image et sa légende

<figure>
    <img src="plan.png" alt="Plan du jardin avec ses parcelles">
    <figcaption>Les douze parcelles du jardin</figcaption>
</figure>

<figure> regroupe l'image et sa légende <figcaption>, qui l'accompagne visuellement et pour les lecteurs d'écran.

<img> n'a pas de balise fermante.