1178 sujets

Accessibilité du Web

Hello,

Petite question concernant la propriété alt pour un media image.

Je voulais savoir s'il y avait un standard pour cet attribut dans le cas d'une image type illustration qui n'a donc aucune valeur sémantique ?

Parce que là je commence à avoir un doute Smiley lol , jusqu'à présent j'utilisais :
<img src="monImage.jpg" width="100" height="100" alt="illustration" />


Je pense qu'il doit y avoir un standard donc j'espère me coucher moins bête Smiley cligne

Merci @+
Modifié par AspiGeek (04 Jun 2009 - 15:21)
Il est préférable dans le cas d'une image purement décorative (= qui n'apporte pas de contenu) de mettre un alt vide : alt="".

Edit : C'est plus une bonne pratique qu'un réel standard
Modifié par Laurie-Anne (03 Jun 2009 - 15:13)
Quelques notes supplémentaires:

Le «standard», c'est d'avoir sur chaque élément IMG un attribut alt, qui peut être vide ou non. La valeur exacte de cet attribut devra être pertinente. La pertinence ne s'automatise pas, mais demande une réflexion.

Ceci dit, il y a des cas-type et quelques règles d'accessibilité plus précises qui peuvent servir de guide:

- Les images purement décoratives, notamment les images de décoration du design placées dans le code HTML pour des raisons techniques, auront un alt vide.
- Toute image qui serait le seul contenu d'un lien doit avoir un attribut alt non vide.
- Une image qui porte une information qui serait par ailleurs répétée en contexte (typiquement dans le texte qui entoure l'image) peut avoir une alternative vide.

Pour une illustration qui apporte une valeur au contenu (par exemple si on joue sur le contrepoint en illustrant un contenu de manière décalée) peut être transcrite avec une alternative du genre: "Illustration: bla bla de quoi il s'agit". Je suis assez réservé sur ce point, mais on peut noter qu'une enquête de WebAIM conclut qu'une grande partie des aveugles et malvoyants interrogés préfèrent savoir qu'il y a une illustration même s'ils ne sont pas en mesure de la percevoir (il faudrait retrouver cette enquête publiée récemment pour se faire une opinion un peu plus précise). Un cas qui me semble intéressant, c'est l'illustration accompagnée d'une légende visible de tous. Dans certains cas, la légende est suffisante et l'illustration peut avoir une alternative vide. Dans d'autres cas, il faudrait au moins signifier qu'il y a une illustration, afin que la légende soit plus compréhensible en contexte.

Quoi qu'il en soit, les points essentiels sont:

- toujours avoir un alt, même vide, sinon le lecteur d'écran va lire la seule information à sa portée: l'URL de l'image (argh...);
- pour une image contenu exclusif d'un lien, toujours avoir un alt non vide, qui donnera la fonction du lien (transcrire le texte dans le cas d'un texte en image, ou donner la signification d'un pictogramme que l'on répétera sans doute comme attribut title du lien...);
- toute image qui intervient comme contenu essentiel dans le discours doit avoir une alternative non vide (surtout si on annonce ou présente l'image dans le texte...), et l'information principale doit être transcrite (pourquoi pas dans le texte avant ou après l'image... pour un graphique cela peut aussi donner un tableau de données et quelques lignes de texte pour exposer une lecture du graphique);
- le reste peut généralement recevoir une alternative vide.
Florent V. a écrit :
on peut noter qu'une enquête de WebAIM conclut qu'une grande partie des aveugles et malvoyants interrogés préfèrent savoir qu'il y a une illustration même s'ils ne sont pas en mesure de la percevoir (il faudrait retrouver cette enquête publiée récemment pour se faire une opinion un peu plus précise).
Tu veux parler de cette actualité ?
Administrateur
Comme tout ou presque vient d'être dit:
- pas de title sur les images (c'est un bug d'IE)

- ne pas utiliser d'image de fond (CSS) quand cette image apporte une information, évidemment (et dans le cas d'un lien vide de contenu, text-indent: -5000px est un pis-aller)

- de la même manière qu'il faut toujours un alt sur une image HTML même vide, il faut toujours un attribut summary sur une table, même vide dans le cas d'un tableau de présentation
Felipe a écrit :
- de la même manière qu'il faut toujours un alt sur une image HTML même vide, il faut toujours un attribut summary sur une table, même vide dans le cas d'un tableau de présentation

Non, pas vraiment.

La présence d'un summary vide pour un tableau de présentation est un critère d'Accessiweb, mais qui n'a pas de fondement technique particulier. Elle n'est pas réclamée par le RGAA (qui au contraire demande qu'aucun élément ou attribut des tableaux de données ne soit utilisé pour un tableau de mise en page... un summary vide passera peut-être les tests, éventuellement).
Merci à vous pour ces précisions, laisser l'attribut alt vide ne m'aurait pas traversé l'esprit Smiley smile

a écrit :
Comme tout ou presque vient d'être dit:
- pas de title sur les images (c'est un bug d'IE)

Bah si tu ne le fais pas sous IE pour un lien en image ça sera le alt qui aura le dessus sur le title mais à la vue des infos de Florent je devais mal remplir ces 2 propriétés car il faudrait le remplir de manière identique finalement. Smiley cligne

@+
Salut,
AspiGeek a écrit :
Merci à vous pour ces précisions, laisser l'attribut alt vide ne m'aurait pas traversé l'esprit Smiley smile

tu peux aussi avoir un alt vide pour une image non décorative, l'ajout d'une alternative n'étant pas automatiquement déterminée à l'avance par le statut supposée de l'image.
Tout dépendra du contexte et de tes intentions (ce que tu souhaites
transmettre (ou pas) à l'utilisateur). Smiley cligne
Modifié par Hermann (04 Jun 2009 - 13:24)
Je confirme Hermann Smiley smile
J'ai pu voir ça sur l'excellent lien de patidou, il y a pas mal d'exemple qui explique quand on peut laisser l'attribut du "alt" vide et quand il ne faut pas le laisser.

@+