[accessibilite] images alt dilemme

Bonjour,

Je me pose une question concernant le alt des certaines images.

Bon pour les puces "illustratives" d'une liste le alt devient :

alt=""

pour une image "illustrative" d'un article de presse :

alt="description brève photo"

la question que je me pose vraiment est concernant un cas particulier ou mon image (dans le lien) compose une expression du texte qui la suit par exemple :

[url=http://www.alsacreations.fr/][LOGO-DU-CLUB-DE-FOOT] ville[/url]
[url=http://www.alsacreations.fr/][LOGO-DU-CLUB-DE-FOOT] lens[/url]
...

j'ai déja vu des choses du type :

alt="logo racing club de lens"
[url=http://www.alsacreations.com/][IMAGE-DU-LOGO-CLUB] lens[/url]

c'est peut etre sémantiquement correct mais sous lynx c'est pas très accessible : "logo racing club de lens lens"

j'avais envie de mettre sur mon alt un texte du genre : "racing club de " ... car l'image est certes le "logo du club de foot" mais en lynx c'est beaucoup plus "accessible" de lire "racing club de lens"

Donc puis-je faire cela quand un lien href est composé d'une image et d'un texte pour former une expression ?

Merci pour votre retour.

Cdt.

P75
Modifié par P75 (28 Nov 2007 - 12:17)

Salut,

A mon avis, mais peut être vais je me faire sauter dessus par les puristes, je pense que l'attribut n'est pas nécessaire dans la mesure ou le lien comprends l'intitulé. L'image n'est là que comme décoration visuelle du lien, et n'apporte PAS PLUS de sens.
Si le cas se présentait je pense que j'utiliserai l'attribut alt=""

Dans un cas ou l'image apporte plus que le lien, je pense que son attribut alt ne devrait comporter que le complément de description apporté par le lien, et non la description du lien.

Bonjour,

Le logo en soit n'apporte pas beaucoup de valeur ajoutée, on pourrait se dire qu'une alternative vide suffirait.

Cependant j'estime que l'intitulé du lien "Lens" n'est pas très explicite. Dans ce contexte le logo permet de souligner que le lien pointe probablement sur le site du club de foot (ou une page à ce sujet). Il apporte donc une notion supplémentaire: "club de foot" (le fait que se soit un logo n'est pas très important). Cette information devrait être retranscrite version texte.

Effectivement il n'est pas très élégant d'entendre ou de lire "logo du racing club de Lens Lens". Je ne trouve pas non plus très élégant (voire dénoué de tout sens) d'utiliser l'alternative pour créer un morceau de phrase comme "Logo du racing club de".
Une alternative comme "club de foot: " n'est pas non plus envisageable puisque toutes les images auraient la même alternative alors qu'elles sont complètement différentes.

Une alternative vide et un intitulé de lien plus explicite comme "Racing Club de Lens" serait l'idéal mais probablement moins apprécié pour le design du site.

Après il ne faut pas exagérer, si on se trouve sur un site de foot alors on peut supposer que le lien intitulé "Lens" pointe vers une page dédiée au club de foot (d'autant plus si le lien se trouve dans une liste dont le titre serait "liste de clubs de foot").

EDIT: L'important c'est surtout d'avoir cette démarche de réflexion quant à la pertinence des alternatives utilisées (le réflexe le plus courant est de remplir ce fichu attribut pour être débarrassé des casse-pieds qui font de l'accessibilité).
Modifié par Sebastien D. (28 Nov 2007 - 13:42)

Sebastien D. a écrit :
Bonjour,
Après il ne faut pas exagérer, si on se trouve sur un site de foot alors on peut supposer que le lien intitulé "Lens" pointe vers une page dédiée au club de foot (d'autant plus si le lien se trouve dans une liste dont le titre serait "liste de clubs de foot").

EDIT: L'important c'est surtout d'avoir cette démarche de réflexion quant à la pertinence des alternatives utilisées (le réflexe le plus courant est de remplir ce fichu attribut pour être débarrassé des casse-pieds qui font de l'accessibilité).

+1

Et si le titre n'est pas présent, ajouter un title au lien du type "Racing club de Lens" ou plutôt "Lens : Racing club", les lecteurs d'écran lisent a priori le texte le plus long entre le libellé et le title même s'il y a sans doute des exceptions à la règle.
Modifié par Hermann (28 Nov 2007 - 13:58)

Hermann a écrit :

Et si le titre n'est pas présent, ajouter un title au lien du type "Racing club de Lens" ou plutôt "Lens : Racing club",

Effectivement si on veut laisser comme intitulé "Lens" autant compléter avec l'attribut title.

Hermann a écrit :

Les lecteurs d'écran lisent a priori le texte le plus long entre le libellé et le title même s'il y a sans doute des exceptions à la règle.

C'est une option sur les synthèses vocales mais qui ne doit pas être activée par défaut si ma mémoire est bonne.

Merci pour toutes vos réponses.

Par rapport au contrainte du design client je vais sans doute partir sur le alt "Racing club de " et le lien "Lens" pour créer le lien textuel et accessible "Racing club de Lens".

De plus il y a une page dédiée à la ville de Lens qui donne des infos sur le "lieu de vie" ou l'environnement du club, donc je pense que ce lien "pseudo textuel mixté" (alt image + texte) sera plus pertinent et accessible.

Merci à vous.

PS: sans doute, en cas d'argument(c) contraire(s)

Edit mon design à moi c'est Lynx
Modifié par P75 (28 Nov 2007 - 15:56)

P75 a écrit :

Par rapport au contrainte du design client je vais sans doute partir sur le alt "Racing club de " et le lien "Lens" pour créer le lien textuel et accessible "Racing club de Lens".

C'est sans doute pas la meilleure solution. C'est comme si tu mettais une légende à un tableau dans un musée avec les trois derniers mots au dos du tableau.

Et le alt vide avec le title qui donne des renseignements supplémentaires, ça te tente pas ?

EDIT: Si ton design à toi c'est Lynx alors y'a plus de contraintes client ?
Modifié par Sebastien D. (28 Nov 2007 - 16:14)

Sebastien D. a écrit :

C'est sans doute pas la meilleure solution. C'est comme si tu mettais une légende à un tableau dans un musée avec les trois derniers mots au dos du tableau.

Et le alt vide avec le title qui donne des renseignements supplémentaires, ça te tente pas ?

+1, non j'insiste !

Sebastien D. a écrit :
Et le alt vide avec le title qui donne des renseignements supplémentaires, ça te tente pas ?

On peut faire ainsi, par exemple:

<a href="..." title="Racing Club de Lens"><img alt=""> Lens</a>

Et voilà.

Ce n'est sans doute pas parfait, mais à chercher une solution parfaite on risque de faire un peu n'importe quoi, ou du moins d'y passer trois plombes pour pas grand chose.

Comme il n'y a pas ici de solution parfaite, il faut chercher un compromis. L'utilisation d'un intitulé court suffisant au vu du contexte et, en option (title), d'un intitulé long plus explicte, est intéressante.

L'option de la redondance n'est pas complètement mauvaise non plus. On pourrait donc avoir:

<a href="..."><img alt="Racing Club de Lens"> Lens</a>

Le premier compromis prend le risque que l'intitulé court ne soit pas suffisant clair pour une partie des visiteurs, malgré le contexte.
Le deuxième compromis cherche à toujours donner l'intitulé complet, mais prend le risque que la redondance perturbe une partie des visiteurs.

Voilà, ya plus qu'à choisir.

Florent V. a écrit :

On peut faire ainsi, par exemple:

<a href="..." title="Racing Club de Lens"><img alt=""> Lens</a>

Et voilà.

Heu oui, c'est la solution que je proposais. J'ai pas du être assez explicite...

Sebastien D. a écrit :
Heu oui, c'est la solution que je proposais. J'ai pas du être assez explicite...

Si si, je donnais juste un exemple de code correspondant à la solution que tu proposais.

Florent V. a écrit :

Si si, je donnais juste un exemple de code correspondant à la solution que tu proposais.

Autant pour moi, j'avais pas compris