Comment rédiger des descriptions d’images qui aident à comprendre une page ?

Commencez par le rôle de l’image

Demandez pourquoi l’image est présente. Identifie-t-elle une personne, montre-t-elle un produit, explique-t-elle une étape, apporte-t-elle une preuve, présente-t-elle un résultat ou sert-elle de lien ? La description dépend de cette fonction. Elle doit communiquer le rôle, pas tout ce que l’appareil a enregistré.

Une page de service peut montrer une rénovation de salle de bains. Si elle prouve l’expérience d’un aménagement accessible, la douche sans seuil et les barres d’appui peuvent compter. Si elle apporte seulement une ambiance à côté du même texte, elle peut être décorative.

Lisez titre et paragraphe autour de l’image. La description doit compléter l’information, pas répéter la légende. Le même visuel peut demander une description différente dans une étude de cas, une fiche produit ou une biographie.

Identifiez les images décoratives

Les images décoratives ajoutent ambiance, espace ou style sans information utile à comprendre ou utiliser la page. Textures, séparateurs, motifs répétés et photos de stock sans message supplémentaire sont concernés. Pour ces images, un texte alternatif vide est souvent approprié afin que les technologies d’assistance puissent les ignorer.

Ne déclarez pas une image décorative parce qu’elle est difficile à décrire. Si la supprimer rend une instruction, une preuve, un choix ou un lien moins clair, elle a un rôle informatif. Décrivez ce rôle ou ajoutez l’information dans le texte.

Les icônes répétées doivent être évaluées. Près d’un libellé visible, elles peuvent être décoratives. Si elles sont le seul signe de recherche, téléchargement, alerte ou état, elles ont besoin d’un nom accessible. Un symbole visuel n’est pas automatiquement compris par tout le monde.

Décrivez brièvement les images informatives

Une photo informative demande une description courte et précise. Mentionnez sujet, action et contexte utile. « Une personne » est vague ; « Un électricien vérifie le tableau dans une cuisine rénovée » informe davantage. Les couleurs et l’arrière-plan ne comptent que s’ils portent un sens.

Évitez « image de » lorsque la technologie annonce déjà une image. N’ajoutez pas une opinion comme « magnifique » ou « professionnel » sauf si c’est précisément le message. Utilisez la langue de la page et les noms seulement lorsque l’identité est pertinente.

Reliez la description à la promesse de la page. Une photo de projet peut préciser ce qu’elle démontre. Un portrait peut identifier rôle et personne. Une fiche produit peut préciser modèle ou version utile au choix.

Gérez texte, graphiques et visuels complexes

Le texte dans une image peut être inaccessible à une personne qui ne peut pas le voir ou l’agrandir. Présentez les mots essentiels aussi en HTML, légende ou élément accessible. Le texte alternatif ne doit pas être le seul endroit où se trouve une instruction ou une offre détaillée.

Un graphique demande une conclusion, pas seulement un titre. Ajoutez les données ou une explication longue à proximité. « Ventes par trimestre » ne dit pas si elles montent, baissent ou restent stables.

Cartes, schémas et infographies doivent offrir une autre voie vers la même décision. Il n’est pas nécessaire de décrire chaque pixel, mais relation, direction, choix ou résultat doivent être compréhensibles.

Décrivez les images fonctionnelles

Quand une image est un lien ou un bouton, décrivez action ou destination plutôt que son apparence. Un logo vers l’accueil peut devenir « Accueil ChatBuild ». Une loupe doit dire « Rechercher ». Une miniature liée aux détails identifie produit et destination.

Évitez les annonces doubles. Une image liée placée à côté d’un lien texte vers la même destination peut être décorative, ou les deux peuvent former un seul lien. Répéter deux fois le même titre ajoute du travail aux utilisateurs de lecteurs d’écran.

Vérifiez les états. Si une icône indique indisponible, sélectionné, ouvert ou sécurisé, le nom accessible ou le contexte doit le dire. « Calendrier » devient trompeur si l’action est maintenant « fermer le calendrier ».

Organisez la relecture

Intégrez les descriptions d’images à la publication au lieu d’en faire une tâche de référencement de dernière minute. Demandez ce que chaque image ajoute, si son rôle a changé et si le texte voisin est répété. Gardez décoratif vide, informatif bref et complexe accompagné de données ou d’explication.

Ne remplissez pas les descriptions de mots-clés. Répéter une expression dans chaque image n’améliore pas la visibilité dans les moteurs de recherche et rend les pages pénibles pour les utilisateurs de technologies d’assistance. Employez un terme lorsqu’il nomme naturellement sujet, produit ou destination.

Relisez les anciennes pages après refonte, changement de produit ou campagne. Une description écrite pour une image précédente peut devenir inexacte lorsque le cadrage, le sujet ou le message de la page change.

Sources

• Images Concepts · W3C
• Decorative Images · W3C
• Image best practices · Google Search Central

Questions fréquentes

Que doit décrire un texte alternatif ?

L’information, le sujet ou la fonction ajoutée par l’image. Concentrez-vous sur ce que le visiteur doit comprendre ou faire plutôt que sur chaque détail visuel.

Quand laisser le texte alternatif vide ?

Lorsqu’une image est réellement décorative et n’ajoute ni information ni fonction. Les technologies d’assistance peuvent alors l’ignorer sans perte de sens.

Faut-il mettre des mots-clés dans les descriptions ?

Seulement s’ils nomment naturellement le sujet, le produit ou la destination. Ne répétez pas de mots-clés pour le référencement : cela rend les descriptions moins utiles.

Comment décrire un graphique ?

Donnez brièvement sa conclusion principale et rendez les données ou l’explication longue accessibles à côté.