Écrire un texte alternatif utile pour une image
Déterminez le rôle de l’image, décrivez l’information utile et évitez de répéter inutilement la légende ou le texte voisin.
L’essentiel
La réponse en 30 secondes
Une même photo peut illustrer une ambiance ou apporter une preuve. Avant de rédiger, masquez mentalement l’image : quelle information le lecteur perd-il ? Cette question aide à choisir une description courte et pertinente.
- À retenir
- Le texte alternatif dépend de la fonction de l’image dans la page. Décrivez l’information qu’elle apporte ; pour une image servant de lien, indiquez l’action ou la destination.
- Premier geste
- Identifier le rôle
- Contrôle essentiel
- Le contexte détermine la description.
Exemples à adapter
L’information utile est l’action et le fichier, pas la couleur de la flèche.
Une longue description peut gêner si elle n’apporte aucune information supplémentaire.
Nous indiquons une méthode et, quand elle existe, l’adresse officielle. Nous ne classons pas les services selon une rémunération et nous ne remplaçons ni leurs conditions d’utilisation ni une source experte.
Mode d’emploi
Passer à la pratique
- 01Identifier le rôle
Distinguez décoration, information et commande. Une image décorative peut avoir une alternative vide dans une page web. Posez la question dans le contexte de la page : que perdrait le lecteur si l’image disparaissait ? Une même photographie peut informer dans un article et servir d’ambiance ailleurs. Le texte alternatif doit répondre à ce rôle précis, sans accumuler les mots-clés du sujet.
- 02Rédiger l’essentiel
Décrivez le détail utile au contexte sans accumuler de mots-clés. Évitez les suppositions sur l’identité ou les intentions d’une personne.
- 03Traiter les images complexes
Pour un graphique, donnez une courte orientation et rendez les chiffres ou la conclusion accessibles dans le texte ou un tableau voisin. Pour un graphique, identifiez la conclusion utile puis donnez accès aux valeurs et aux unités dans le contenu associé. Le texte alternatif court ne doit pas devenir une liste impossible à parcourir. Relisez-le avec la légende pour éviter de répéter deux fois la même information.
- 04Relire dans la page
Lisez titre, paragraphe, alternative et légende à la suite. Supprimez les répétitions et vérifiez que le lien reste compréhensible sans l’image.
Comprendre par un cas concret
Décrire l’image selon sa fonction dans la page
Une même photo peut illustrer une ambiance, montrer un détail utile ou servir de lien. Le texte alternatif dépend de cet usage et du texte voisin.
| Situation | Exemple de traitement | Point de contrôle |
|---|---|---|
| Photo purement décorative | Alternative vide si aucune information utile n’est perdue | Le texte voisin suffit-il ? |
| Photo montrant un détail utile | Décrire le détail nécessaire à la compréhension | Une personne sans l’image reçoit-elle cette information ? |
| Image seule dans un lien | Nommer la destination ou l’action | Le lien reste-t-il compréhensible ? |
| Graphique complexe | Alternative courte et description détaillée à proximité | Les données et la conclusion sont-elles accessibles en texte ? |
L’arbre de décision du W3C distingue notamment décoration, information et fonction. Le crédit photo et la licence restent des informations séparées de l’alternative.
Faut-il toujours commencer par « photo de » ?
Commencez par l’information utile. Précisez le type d’image quand il compte pour l’interprétation, par exemple pour distinguer une reconstitution d’une photographie documentaire. Évitez de répéter mot pour mot une légende déjà accessible.
Documentation d’appui : W3C WAI — An alt Decision Tree · Consultée le 2026-10-15. Les exemples et calculs sont pédagogiques.
Repères à garder
Une grille à conserver
Utilisez ces repères pour noter vos observations. Cette grille aide la relecture sans constituer une évaluation automatique.
Sur petit écran, faites défiler le tableau horizontalement pour lire toutes les colonnes.
| Repère | À examiner | Action |
|---|---|---|
| Décorative | Aucune information nouvelle | Alternative vide |
| Informative | Détail nécessaire | Description concise |
| Fonctionnelle | Action ou destination | Libellé utile |
| Complexe | Données et interprétation | Texte ou tableau associé |
Consultez les repères directement dans ce tableau.
Points de vigilance
Ce qu’il ne faut pas confondre
Le contexte détermine la description.
Une légende visible et une alternative n’ont pas toujours le même rôle.
Ne décrivez pas des détails que vous ne pouvez pas établir.
Questions fréquentes
Les réponses courtes
Faut-il commencer par image de ?
C’est rarement nécessaire ; allez directement à l’information utile.
Peut-on mettre tout un graphique dans l’alternative ?
Une description longue est mieux placée dans un contenu accessible à proximité.
Pour vérifier et approfondir
Sources et documentation
Documentation consultée le . Les exemples sont illustratifs ; les résultats et les interfaces peuvent évoluer.
Choisir l’alternative d’une image selon son rôle
L’alternative textuelle dépend de ce que l’image apporte. Décrire son apparence ne suffit pas lorsqu’elle sert de bouton ou porte des données.
- Définir le rôle
- Rédiger l’équivalent
- Relire sans l’image
| Situation | Ce qui change | Vérification utile |
|---|---|---|
| Image informative | Transmettre l’information essentielle dans le contexte. | Ne pas répéter inutilement une légende voisine. |
| Image fonctionnelle | Nommer l’action ou la destination. | Un bouton doit annoncer son rôle, pas seulement la forme de son icône. |
| Graphique complexe | Fournir l’équivalent complet des données ou relations utiles. | Associer une description et, si adapté, un tableau lisible. |
Un attribut alt vide évite l’annonce d’une image purement décorative. Relisez la page sans ses images : actions et informations essentielles doivent rester identifiables.
Documentation : W3C WAI — Images Tutorial ↗ · · Consulter la fiche de référence →
Continuer