1178 sujets

Accessibilité du Web

Pages :
bonjour,

quelle implémentation de code préconise Accessiweb pour un lien image s'ouvrant dans une nouvelle fenêtre ?

Celle-ci (trouvée sur une page sur site du crédit suisse):

<a href="http://emagazine.credit-suisse.com/app/article/index2.cfm?fuseaction=OpenArticlePrint&amp;aoid=210368&amp;lang=FR" title="imprimer (Ouvrir dans une nouvelle fenêtre.): Accessibilité: suppression des barrières" target="_blank">
<img src="/app/_images/pic/ico_print.gif" alt="imprimer  (Ouvrir dans une nouvelle fenêtre.): Accessibilité: suppression des barrières" ></a>  


ou celle-là (ce que j'avais compris en formation accessiweb):

<a href="http://emagazine.credit-suisse.com/app/article/index2.cfm?fuseaction=OpenArticlePrint&amp;aoid=210368&amp;lang=FR"  target="_blank">
<img src="/app/_images/pic/ico_print.gif" alt="imprimer  (Ouvrir dans une nouvelle fenêtre.): Accessibilité: suppression des barrières"  title="imprimer (Ouvrir dans une nouvelle fenêtre.): Accessibilité: suppression des barrières" ></a>  


Merci !
Modifié par naudjf (21 Jan 2008 - 16:45)
Le title sur le lien plutôt que sur l'image me semble plus logique, mais en termes d'accessibilité je ne sais pas si ça a un impact...
naudjf a écrit :
bonjour,

quelle implémentation de code préconise Accessiweb pour un lien image s'ouvrant dans une nouvelle fenêtre ?


Ils sont équivalents en termes d'accessibilité (le seul point important étant que, dans le premier cas, les mêmes informations soient données par le alt de l'image et le title du lien).
bonjour Florent et Laurent,

je ne comprends plus rien...

@laurent: je suis désolé mais Aurélien m'a dit l'inverse hier sur la liste GTA.
Il m'a dit :
1. que le alt devait dans tous les cas indiquer l'ouverture de la nouvelle fenêtre.
1. que dans ce cas l'ajout du title était facultatif.
3. Mais que, si on voulait l'ajouter (utile particulièrement pour les voyants du coup), on devait ajouter un title de même contenu sur la balise....IMG (histoire que l'infobulle marche partout) !
Modifié par naudjf (15 Jan 2008 - 14:36)
Bonjour,

Tout le monde à raison :

1. Pas de title : indication dans le alt.
2. utilisation d'un title : indication dans le alt et le title

Point supplémentaire pour la labellisation: le cas de l'utilisation d'un title strictement identique au alt de l'image, dans la mesure où l'image est le seul contenu d'un lien, n'invalide pas le critère 6.4 : "L'attribut TITLE donne-t-il plus d'informations concernant le lien que l'intitulé du lien lui-même ?"

Jean-PIerre
Modifié par jpv (15 Jan 2008 - 15:11)
naudjf a écrit :

3. Mais que, si on voulait l'ajouter (utile particulièrement pour les voyants du coup), on devait ajouter un title de même contenu sur la balise....IMG (histoire que l'infobulle marche partout) !


yep, en général, on essaie d'être d'accord avant Smiley cligne

Que le title soit sur le img ou sur le a ne pose pas de pb. Sur le fond, title est une facilité plus qu'autre chose, de toutes manières

Jean-pierre: c'est bien le "strictement identique" que tu soulignes en disant cela ?
Modifié par Laurent Denis (15 Jan 2008 - 15:22)
Laurent Denis a écrit :

Que le title soit sur le img ou sur le a ne pose pas de pb. Sur le fond, title est une facilité plus qu'autre chose, de toutes manières

Pour ma part j'aurais plutôt tendance à le mettre sur le <a>, il me semble que
Opera ne prend pas en compte l'attribut title sur les images, mais à vérifier.
Et puis qu'est ce que vient faire un tel attribut sur une image?
Modifié par Hermann (15 Jan 2008 - 15:46)
Hermann a écrit :

Et puis qu'est ce que vient faire un tel attribut sur une image?


title est une métadonnée pour tous les éléments HTML sauf les classiques (head, html, meta, title, etc.). Un title sur une img est simplement.. prosaïque, disons, non ? Smiley cligne
Modifié par Laurent Denis (15 Jan 2008 - 16:30)
Ok donc pour une image des infos du type données EXIF (exposition, focale, ouverture etc) si je comprends bien.
Hermann a écrit :

Et puis qu'est ce que vient faire un tel attribut sur une image?


Ben, le but c'est que les voyants sachent à l'avance que le lien image sur lequel ils vont cliquer va s'ouvrir dans une nouvelle fenêtre (utilisabilité).
jpv a écrit :

Tout le monde à raison :


tu veux dire que si on utilise l'attribut title, accessiweb ne se souci pas qu'il soit implémenté sur la balise
a
plutôt que la balise
img
, c'est ça ?
Modifié par naudjf (15 Jan 2008 - 17:51)
naudjf a écrit :

Ben, le but c'est que les voyants sachent à l'avance que le lien image sur lequel ils vont cliquer va s'ouvrir dans une nouvelle fenêtre (utilisabilité).

Je sais bien naudjf mais ça c'est le title du lien qui remplit cette fonction.
Bonjour,

Laurent Denis a écrit :

Jean-pierre: c'est bien le "strictement identique" que tu soulignes en disant cela ?


Oui

naudjf a écrit :

tu veux dire que si on utilise l'attribut title, accessiweb ne se souci pas qu'il soit implémenté sur la balise
a
plutôt que la balise
img
, c'est ça ?


Si nous parlons d'une image-lien, l'intérêt du title sur l'élément img me semble nul, autant l'implémenter sur l'élément a.

Précisions :

Un élément image-lien sera inspecté deux fois :

1. La première fois pour la thématique image :

Critère 1.2 : "Pour chacune des images de la page ayant une alternative, les textes dans l'attribut alt sont-ils appropriés par rapport au contexte dans lequel l'image se trouve ?"

Critère 1.12 : "Pour chacune des images liens, le texte contenu dans l'attribut ALT donne-t-il la fonction du lien ?"

on juge de la pertinence de l'alternative via le alt, le title n'est pas concerné.

Néanmoins :

- si title est implémenté sur l'élément image et que son contenu diffère de l'alternative textuelle, nous ferons une "remarque" en suggérant d'harmoniser title et alt.
Ce ne sera pas un cas d'invalidation puisque ces critères ne s'occupe pas d'un title implémenté sur un élément image.

- si le contenu de title ajoute des informations complémentaires pertinentes le critère 1.2 sera invalidé et il sera demandé d'ajouter ces informations au contenu de alt.

2. la seconde fois sur la thématique lien

Critère 6.3 : "Si nécessaire, l'attribut TITLE est-il présent et fait-il moins de 80 caractères ?"

Critère 6.4 : "L'attribut TITLE donne-t-il plus d'informations concernant le lien que l'intitulé du lien lui-même ?"

Si le title est implémenté sur l'élément image ces deux critère passent en "non applicables".

Si le title est implémenté sur l'élément a :

Le critère 6.3 sera validé (tolérance pour l'effet "tooltip" bénéficiaire pour l'utilisabilité).

Pour le critère 6.4 :

- Title ne reprends pas l'intitulé du lien (en loccurrence le contenu du alt) : critère invalidé.

- Title reprends le contenu du lien et ajoute des informations complémentaires : critère validé.

- Title reprends uniquement le contenu du lien (en loccurrence le contenu de alt) : critère validé par tolérance (il devrait théoriquement être invalidé).

Un peut compliqué ?, peut-être...

Stratégie simple, claire, nette et précise qui passera à tous les coups au plus grand bénéfice de l'utilisateur :

Implémenter le title sur l'élément a avec le même contenu que l'alternative textuelle alt.

Jean-Pierre
Modifié par jpv (16 Jan 2008 - 13:03)
jpv a écrit :
- Title ne reprends pas l'intitulé du lien (en loccurrence le contenu du alt) : critère invalidé.


J'ai mal quand on agit en termes d'intitulé et non d'information, tu sais ?
Bonjour,

@naudjf

Tu a mal compris l'implémentation lors de la formation, je ne me souviens pas avoir jamais suggéré d'implémenter title sur l'élément image au contraire.

Jean-Pierre
Bonjour,

Laurent Denis a écrit :


J'ai mal quand on agit en termes d'intitulé et non d'information, tu sais ?


Ha mon pôv monsieur, le jour où nous pourrons enfin parler d'information ... Smiley smile

Jean-Pierre

<message perso>Au fait... on assume une image de baltringue ou on s'y met au bouzin ? Smiley lol </message perso>
jpv a écrit :
<message perso>Au fait... on assume une image de baltringue ou on s'y met au bouzin ? Smiley lol </message perso>


On se calle des congés, on se trouve un refuge en haute montagne et on s'y met ?
Bonjour,

<hors sujet>
J'ai le refuge, pyrénées, 2100, 3-4 heures de marche, truites, saumon de fontaine, giroles et tête de nègre en saison, paysage...

T'as les congés ? Smiley lol Smiley lol

</hors sujet>

Jean-Pierre
jpv a écrit :
Tu a mal compris l'implémentation lors de la formation, je ne me souviens pas avoir jamais suggéré d'implémenter title sur l'élément image au contraire.


En fait, j'avais bien compris qu'on était pas obligé d'utiliser d'attribut title dans le cas d'image lien avec info suplémentaire. J'essayais juste de savoir où la partie "contenu du title = contenu du alt" se situait dans ce contexte !

@ jpv : pour l'explication ultra détaillée, c'est très clair à présent. Merci beaucoup !
Pages :