Images accessibles et SEO : choisir alt selon le contexte

À retenir

Une alternative textuelle doit transmettre l’information ou l’action utile dans la page. Le même visuel peut nécessiter un texte différent, ou une alternative vide, selon son usage.

Archives de renseignement avec dossiers et cartes, sans personne Illustration · scène fictive
Dans cet article

Classer l’image avant de rédiger

Le rôle dans le contexte prime sur la description de tous les détails visibles. Un attribut alt vide n’équivaut pas à un attribut absent. Pour un graphique, rendez aussi les données et relations accessibles dans le texte ou un tableau.

UsageAlternative attendueComplément utile
Décoration redondantealt=""Le texte voisin suffit.
Information simpleDescription courte et contextualiséeÉviter les mots-clés ajoutés sans rapport.
Image seule dans un lienDestination ou actionLe nom du lien doit être compréhensible.
Graphique complexeSujet et message principalDonnées et relations disponibles en texte.

Vérifier l’expérience réelle

  • Si une image seule sert de lien, son alternative indique la destination ou l’action. Si le lien contient déjà un libellé suffisant, évitez de le répéter.
  • Ne placez pas une consigne indispensable uniquement dans title : son accès au clavier, au toucher et avec les aides techniques n’est pas fiable.
  • Testez les libellés dans chaque langue et le parcours sans images. Optimisez dimensions et chargement sans différer automatiquement le visuel principal.

Relier visibilité et droits vérifiables

Un nom de fichier ou un balisage ne garantit ni indexation ni classement. Déclarez une licence uniquement après vérification des droits et conservez les crédits requis. Une illustration synthétique doit rester identifiable comme telle, sans être présentée comme preuve documentaire.

Références primaires

Le texte alternatif dépend de l’usage de l’image

Un alt descriptif n’est pas automatiquement le bon choix. Une image décorative redondante peut avoir une alternative vide ; une image qui sert de lien doit transmettre sa destination ; un graphique complexe demande aussi une description détaillée. Le test se fait dans la page réelle, avec le contenu voisin.

  • Classer décoration, information et fonction avant de rédiger.
  • Mettre les relations d’un schéma dans un texte ou tableau adjacent.
  • Éviter accumulation de mots-clés et description d’une scène fictive comme preuve réelle.

Référence primaire : W3C WAI — An alt Decision Tree. Méthode connexe : consulter le guide pratique.