Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Incontournables XHTML / CSS :

Auteur Pages : [>]
naudjf
# 15 Jan 2008 - 10:08:35
Citer
82 Posts
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)

Un peu de pub pour le village d'Hallstatt (cf mon icône), Autriche, qui fait partie depuis 1997 du patrimoine mondial de l'UNESCO
-----------------------------------------------------------------------------------------------------------------------

http://www.lewebaccessible.com msn yim aim 
^
Florent V.
# 15 Jan 2008 - 10:21:15
Citer
On va manger des chips.
Modérateur
11460 Posts
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...

http://www.covertprestige.net 
^
Laurent Denis
# 15 Jan 2008 - 12:42:10
Citer
7844 Posts
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).

apu pour le moment.

http://www.blog-and-blues.org/ 
^
naudjf
# 15 Jan 2008 - 14:36:10
Citer
82 Posts
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)

Un peu de pub pour le village d'Hallstatt (cf mon icône), Autriche, qui fait partie depuis 1997 du patrimoine mondial de l'UNESCO
-----------------------------------------------------------------------------------------------------------------------

http://www.lewebaccessible.com msn yim aim 
^
jpv
# 15 Jan 2008 - 15:10:42
Citer
Modérateur
733 Posts
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)

http://www.webonorme.org 
^
Laurent Denis
# 15 Jan 2008 - 15:18:41
Citer
7844 Posts
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 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)

apu pour le moment.

http://www.blog-and-blues.org/ 
^
Hermann
# 15 Jan 2008 - 15:33:46
Citer
Modérateur
2438 Posts
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)

La FAQ répond aux questions fréquemment posées. Vérifiez qu'elle ne contient pas une réponse à votre problème.

^
Laurent Denis
# 15 Jan 2008 - 16:29:50
Citer
7844 Posts
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 ? cligne
Modifié par Laurent Denis (15 Jan 2008 - 16:30)

apu pour le moment.

http://www.blog-and-blues.org/ 
^
Hermann
# 15 Jan 2008 - 16:45:30
Citer
Modérateur
2438 Posts
Ok donc pour une image des infos du type données EXIF (exposition, focale, ouverture etc) si je comprends bien.

La FAQ répond aux questions fréquemment posées. Vérifiez qu'elle ne contient pas une réponse à votre problème.

^
naudjf
# 15 Jan 2008 - 17:49:00
Citer
82 Posts
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é).

Un peu de pub pour le village d'Hallstatt (cf mon icône), Autriche, qui fait partie depuis 1997 du patrimoine mondial de l'UNESCO
-----------------------------------------------------------------------------------------------------------------------

http://www.lewebaccessible.com msn yim aim 
^
naudjf
# 15 Jan 2008 - 17:51:12
Citer
82 Posts
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)

Un peu de pub pour le village d'Hallstatt (cf mon icône), Autriche, qui fait partie depuis 1997 du patrimoine mondial de l'UNESCO
-----------------------------------------------------------------------------------------------------------------------

http://www.lewebaccessible.com msn yim aim 
^
Hermann
# 15 Jan 2008 - 20:39:54
Citer
Modérateur
2438 Posts
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.

La FAQ répond aux questions fréquemment posées. Vérifiez qu'elle ne contient pas une réponse à votre problème.

^
jpv
# 16 Jan 2008 - 12:57:51
Citer
Modérateur
733 Posts
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)

http://www.webonorme.org 
^
Laurent Denis
# 16 Jan 2008 - 13:03:44
Citer
7844 Posts
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 ?

apu pour le moment.

http://www.blog-and-blues.org/ 
^
jpv
# 16 Jan 2008 - 13:08:02
Citer
Modérateur
733 Posts
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

http://www.webonorme.org 
^
jpv
# 16 Jan 2008 - 13:29:28
Citer
Modérateur
733 Posts
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 ... smile

Jean-Pierre

<message perso>Au fait... on assume une image de baltringue ou on s'y met au bouzin ? lol </message perso>

http://www.webonorme.org 
^
Laurent Denis
# 16 Jan 2008 - 13:38:31
Citer
7844 Posts
jpv a écrit :
<message perso>Au fait... on assume une image de baltringue ou on s'y met au bouzin ? lol </message perso>


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

apu pour le moment.

http://www.blog-and-blues.org/ 
^
jpv
# 16 Jan 2008 - 15:28:49
Citer
Modérateur
733 Posts
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 ? lol lol

</hors sujet>

Jean-Pierre

http://www.webonorme.org 
^
naudjf
# 16 Jan 2008 - 15:49:58
Citer
82 Posts
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 !

Un peu de pub pour le village d'Hallstatt (cf mon icône), Autriche, qui fait partie depuis 1997 du patrimoine mondial de l'UNESCO
-----------------------------------------------------------------------------------------------------------------------

http://www.lewebaccessible.com msn yim aim 
^
goetsu
# 16 Jan 2008 - 21:24:53
Citer
284 Posts
pour ma part je reste d'avis que le title est mieux sur l'image et non sur le lien

http://www.fairytells.net 
^
Pages : [>]

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.8 beta © dew
Contacter l'administrateur - 18.6 ms - Charte