Rédiger des descriptions d’images utiles pour votre site web

Une image peut nécessiter plusieurs types de descriptions. Une consigne de placement indique au créateur du site comment l’utiliser. Une légende visible donne du contexte aux lecteurs. Le texte alternatif communique les informations visuelles importantes aux personnes qui ne peuvent pas voir l’image. Ces rôles peuvent se recouper, mais ils ne sont pas interchangeables.

Indiquer au créateur du site ce que vous voulez

Décrivez ce que montre l’image et pourquoi vous l’ajoutez. Par exemple : « Voici la chaise que j’ai restaurée. Placez-la à côté du projet de restauration, après l’image de l’état initial. » Indiquez toute préférence de recadrage importante. Ne demandez pas au créateur du site de déduire un témoignage client, un lieu ou une caractéristique de produit qui ne sont pas établis par vos faits.

Ajouter du contexte avec les légendes

Une légende peut nommer un projet, indiquer une date ou préciser l’étape présentée. Elle doit apporter une information utile, plutôt que de répéter le titre. Si l’image représente un concept fictif ou un projet d’entraînement, indiquez clairement ce contexte. Vérifiez les noms et les dates avant la publication.

Décrire le sens plutôt que chaque pixel

Le texte alternatif doit transmettre ce que l’image apporte dans son contexte. Une photo de projet peut nécessiter une brève description de l’ouvrage terminé. Un élément décoratif peut avoir un texte alternatif vide afin qu’il soit ignoré. Si une image contient des consignes ou des prix importants, fournissez également ces informations sous forme de texte dans la page.

Vérifier l’ensemble de la section

Lisez ensemble le titre, le paragraphe, la légende et la description de l’image. Supprimez les répétitions qui rendent la navigation fatigante. Vérifiez si un visiteur peut comprendre le message essentiel lorsque l’image ne se charge pas. Le texte ne doit pas prétendre qu’une image prouve quelque chose qu’elle ne montre pas.

Lorsque vous ajoutez des images dans VollSite, décrivez leur rôle et vérifiez leur emplacement généré une fois la modification demandée terminée. Conservez vos fichiers originaux séparément et n’utilisez que du contenu que vous êtes autorisé à publier. Pour des conseils de base sur l’accessibilité, consultez https://web.dev/learn/design/accessibility. Les vérifications automatisées peuvent détecter certains textes alternatifs manquants, mais une personne doit toujours juger si la formulation transmet le bon sens.