Aide:Alternative textuelle

Aide de Wikipédia Insérer une image, une référence, etc.

Niveau avancé

Cette page présente l'alternative textuelle, un texte qu'il est conseillé d'adjoindre à chaque image.

Présentation

L'alternative textuelle est un court texte qui est utilisé à la place d'une image lorsqu'elle n'est pas accessible au lecteur.

Fonctions

L'alternative textuelle a deux principales fonctions :

1. remplacer une image indisponible ou inaccessible ;
2. transmettre l'information véhiculée par l'image, sa fonction ou son but.

L'alternative textuelle est utilisée à la place d'une image lorsqu'elle est inaccessible au lecteur, c'est-à-dire lorsqu'elle ne veut pas être chargée (ex. : choix du lecteur) ou qu'elle ne peut pas être chargée (ex. : problème de connexion, support incompatible : navigateur non graphique, lecteur d'écran, etc.).

Dans un navigateur en mode texte, c'est ce texte alternatif qui est affiché ; pour les malvoyants, le synthétiseur vocal lira ce texte alternatif. En son absence, les logiciels de synthèse vocale liront le plus souvent le nom du fichier image, généralement peu ou pas compréhensible.

Lorsque le paramètre alt est absent ou entièrement vide et que la légende est renseignée, l'alternative textuelle sera automatiquement créée à partir de la légende, sauf si l'image est une vignette (thumb) ou cadre (frame).

Syntaxe wikicode

En wikicode, elle est souvent désignée par le code alt. Dans une vignette (le format standard d'image), la syntaxe est : [[Fichier:...|vignette|alt=alternative textuelle|légende]].

Dans une infobox, chaque paramètre d'image est normalement accompagné de son paramètre d'alternative textuelle. Son nom varie d'un modèle à l'autre, par exemple alternative pour l'alternative de l'image principale de l'infobox ou alternative blason pour l'alternative de l'image du blason.

Articles de qualité

Les articles de qualité doivent se conformer aux principales bonnes pratiques d'accessibilité, ce qui implique de veiller au bon usage des alternatives textuelles. Une synthèse est disponible sur Wikipédia:Articles de qualité/Accessibilité#Cas particulier des alternatives textuelles des images.

Bonnes pratiques

Il est utile de retenir ces bonnes pratiques et/ou conseils :

• L'alternative textuelle doit aussi concise et courte que possible. Elle ne doit généralement pas dépasser 120 caractères. Pour plus d'explications : Wikipédia:Atelier accessibilité/Bonnes pratiques#Longueur de l'alternative textuelle.
• Il n'est pas toujours pertinent, ni utile, de remplir l'alternative textuelle. Pour plus d'explications : #Types d'image, en particulier voir l'utilisation de alt=<!--Image décorative-->.
• Elle ne doit pas répéter le texte du corpus ou la légende.
• Elle ne doit pas se substituer à d'autres bonnes pratiques, comme le fait de privilégier les informations textuelles plutôt que de faire reposer les informations sur la perception sensorielle (ex. : formes, couleurs).
• Ponctuez l'alternative textuelle ou, si cela s'y prête, formulez-la de façon à ce qu'elle se lise naturellement avec la légende (le texte alternatif est lu avant la légende).
• N'employez pas « Image de ... », c'est imprécis et inutile (souvent le lecteur sait que c'est une image qui est remplacée), précisez « portrait, peinture, etc. ».
• Ne décrivez pas l'image en elle-même (noir et blanc, etc.), mais l'idée qu'elle véhicule, ses informations ou sa fonction.

Types d'image

Cette typologie n'est utilisée qu'à titre indicatif : une même image peut être à la fois fonctionnelle (cliquable), illustrative, informative et décorative. En outre, le choix de considérer une image comme décorative plutôt qu'informative, ou l'inverse, dépendra également du contexte, c'est-à-dire des raisons qui motivent l'utilisation d'une image mais aussi des informations déjà contenues dans le corpus de la page.

La plupart des guides n'utiliseront que trois types (fonctionnelle, décorative, informative) ; néanmoins dans le contexte de notre encyclopédie et de ses règles, le type « illustratif » est fourni afin de rappeler ce qui caractèrise une « bonne » utilisation d'une image.

Images fonctionnelles

Une image fonctionnelle est une image cliquable ou qui interagit avec l'utilisateur. Par défaut, c'est toujours le cas sur Wikipédia : elles redirigent vers Wikimedia Commons. Toutefois, la cible de la redirection peut être modifiée par le paramètre |link=''destination de la redirection''.

Syntaxe :

[[Fichier:Metro-M.svg|16x16px|alt=Métro de Paris|link=Métro de Paris]]

Lorsque l'image est également purement décorative, on préférera écrire :

[[Fichier:Dolphin 2.png|alt=<!--Image décorative-->|link=Portail:Cétacés]]

Images illustratives

Wikipédia ayant pour but de transmettre le savoir, les images ne devraient pas avoir un rôle d'enluminure. Pour cette raison, la plupart des images seront illustratives (ou informatives).

Une image illustrative permet d'accéder visuellement à une information déjà présente sous une autre forme (en général, du texte), de manière à ce que l'information soit acquise plus rapidement, mais elle n'est pas « nécessaire » au sens où, sans elle, il serait tout de même possible d'accéder au contenu ou d'en comprendre le sens. Autrement dit, dans une encyclopédie constituée d'articles parfaits, elles devraient toutes être traitées comme décoratives (alt=<!--Image décorative-->) parce que cela signifierait que chaque information serait présente et accessible autrement que par leur unique présence (dans le corpus, dans la légende...).

Images informatives

Les images informatives apportent du contenu propre, c'est-à-dire des informations qui sont plus ou moins difficiles à déduire du texte. Dans notre encyclopédie, le corpus de l'article devrait chercher à relayer précisément les informations, le sens et le rôle portés par cette image. La compréhension du sujet dépend au moins en partie de leur existence – ce qui ne veut pas dire qu'il faille se contempter de mettre une image pour exprimer quelque chose.

Par définition, ce seront des images qui contiennent des informations (ou données) comme une carte, un graphique ou un schéma explicatif.

L'alternative textuelle doit être conçue en fonction de l'importance de l'information transmise, du contenu auquel elle est associée et du principe d'un accès équitable à l'information. Autrement dit, une personne qui lit le texte alternatif ne devrait ni recevoir davantage, ni moins d'informations que celle qui perçoit directement le média, et inversement.

Quel que soit ce degré, l'alternative textuelle doit être renseignée en transmettant le même niveau d'information que celle véhiculée par l'image.

Cela sous-entend que si une information n'a pas été jugée suffisamment pertinente (ex. : Platon est représenté avec une barbe) pour figurer dans le corpus de l'article et ainsi mieux comprendre le sujet, alors l'image illustrant Platon avec une barbe n'est pas purement informative : elle est au moins en partie illustrative. Dans cet exemple fictif, si cela était suffisament pertinent, alors la meilleure pratique aurait été de le décrire dans le corpus, pas de véhiculer uniquement cette information par l'utilisation d'une image et via son alternative textuelle. Ainsi, quand une information n'est donnée que dans l'alternative textuelle, ou via la vue de cette image, il est probable que l'image n'ait pas besoin d'une alternative textuelle puisqu'elle est illustrative, auquel cas elle est à traiter comme décorative.

Réciproquement, l'information d'une image informative peut être difficile à retranscrire avec des mots, il est donc normal qu'il soit difficile d'exprimer la même idée en 120 caractères ; dans ce cas il est parfois utile de déplacer la description de l'information dans le corpus, ou à défaut sur Commons, et d'indiquer au lecteur où il peut trouver ces informations.

On parle d'une « brève description de l'information ». Il ne s'agit pas de décrire le contenu lui-même, le champ « description » de Commons, le texte associé ou la légende peuvent faire cela. Par exemple, ne décrivez pas ce que vous voyez (« photo en noir et blanc, costume avec un noeud de papillon ... »). Décrivez plutôt ce qu'enseigne l'image, sa fonction ou son but.

En cas de doute (y compris sur le type d'image), indiquez uniquement le type d'image (photographie, croquis, etc.), ce qu'elle contient de manière non descriptive et l'année (ex. : « Portrait de Jules Verne en 1878. ») car cela servira à remplacer le nom du fichier. Ensuite, demandez conseil.

Vous pouvez aussi, si elle contient des informations traitées ailleurs, indiquer à quel endroit (« Consultez les données associées à cette image, dont la description suit ci-après. »).

Images décoratives

Lorsqu'une image ne véhicule aucune information nouvelle par rapport au reste du contenu, celle-ci doit être considérée comme décorative. Pour cela, utilisez alt=<!--Image décorative-->.

De manière stricte, cela s'applique à toutes les images qui servent à « embellir » un texte associé.

Syntaxe :

[[Fichier:FIN Order of the White Rose Grand Cross BAR.svg|sans cadre|50x50px|alt=<!-- Image décorative -->]] [[Grand-croix]] avec collier de l'[[ordre de la Rose blanche]]

De manière étendue, cela s'applique également à certaines images fonctionnelles ou informatives, dès lors qu'elle véhicule une information jugée mineure par rapport au reste du contenu.

Par exemple, l'image de présentation d'un taxon (Cactus, Chat, etc.) accompagné d'une description est décorative sauf si elle détaille de nouvelles informations (anatomie, milieu de vie, etc.).

Voir #Images informatives pour plus d'explications.

Guides

Les divers guides listent des bonnes pratiques mais elles ne sont pas systématiquement applicables à Wikipédia – dont le fonctionnement diffère parfois des autres sites web. Le plus important est de comprendre les raisons qui motivent ces conseils.

En cas de doute, n'hésitez pas à demander conseil sur Discussion Wikipédia:Atelier accessibilité/Bonnes pratiques.

Universités

• « Write helpful Alt Text to describe images », sur HUIT Digital Accessibility, Harvard University
• « Step-by-Step Instructions for Writing Alt Text », sur Digital Accessibility at USC, University of South Carolina
• « Alternative Text Guidlines », sur Webguide, Boise State University
• « Alternative (Alt) Text Guide », sur Engineering Technology Services (ETS), Ohio State University

Organismes

• « An alt Decision Tree », sur Web Accessibility Initiative (WAI), World Wide Web Consortium
• « Writing Alternate (Alt) Text » [508 Writing Alt text.pdf archive du 6 janvier 2024], sur OCIO, National Institute of Health (NIH)
• « HTMLImageElement: alt property », sur MDN, Mozilla
• (en) « Authoring Meaningful Alternative Text », sur Section508.gov, juillet 2024

Experts

• « WebAIM: Alternative Text », Web Accessibility In Mind
• « What's the alternative? How to write good alt text », sur Design102, Government Communication Service
• « Guide to Using Alt-text to Make Images More Accessible », The Open Notebook
• (en) « Alt Text: What to Write », sur Nielsen Norman Group, 22 novembre 2024

Voir aussi

• Wikipédia:Règles d'utilisation des images
• Wikipédia:Mise en forme des images