Liens externes avec icônes pas d'affichage sous IE

Version imprimable

Bonjour :)

Je suis actuellement ce tuto pour afficher une icône à coté d'un lien externe.

Voici le code html:

Code:

<a class="ExtLink" href="http://www.openbsd.org/">OpenBSD <span>(external link)</span></a>

Le code CSS:
Code:

1 2 3 4 5 a.ExtLink span { width:4000px; position:absolute; left:-5000px; } a.ExtLink:link { background: url(../../inc/img/ExtLink.png) no-repeat 100% 0; padding: 0 10px 0 0; } a.ExtLink:visited { background: url(../../inc/img/ExtLink.png) no-repeat 100% -13px; padding: 0 10px 0 0; } a.ExtLink:hover { background: url(../../inc/img/ExtLink.png) no-repeat 100% -26px; padding: 0 10px 0 0; } a.ExtLink:active { background: url(../../inc/img/ExtLink.png) no-repeat 100% -39px; padding: 0 10px 0 0; }
Sous Mozilla Firefox, les icônes s'affichent mais pas sous IE 7 :oops:

Un petit coup de main s'il vous plaît ?

Merci :mrgreen:

06/06/2008, 12h53
Erwan31

Bonjour,
juste une question. Est ce que le lien ouvre une nouvelle fenêtre?

Bizarre en principe la puce devrait s'afficher. Tu as une page en ligne?
Pourquoi décales tu la puce à chaque état?
06/06/2008, 13h14
Olivier Regnier

Citation:

Envoyé par Erwan31

Bonjour,
juste une question. Est ce que le lien ouvre une nouvelle fenêtre?

Non :mouarf:

Citation:

Envoyé par Erwan31

Bonjour,
Bizarre en principe la puce devrait s'afficher. Tu as une page en ligne?
Pourquoi décales tu la puce à chaque état?

le rollover est une et une seule image :aie:

J'ai trouvé mon soucis. La taille de ma colonne de droite où se trouve mon lien était trop petite pour afficher l'icône en question.

Merci :mrgreen:
06/06/2008, 13h19
Candygirl

Je dois avouer que je n'adhère pas personnellement à cette méthode. Le texte caché balancé à pétaochnoque est un non-sens pour moi.

L'étude "récente" qui démontre la mauvaise lecture de l'attribut title par les lecteur vocaux remonte à 2005 (tout comme l'article). Je n'appelle plus ça récent en 2008 (le lien est mort mais avec une petite recherche...).

Si l'image véhicule un message comme quoi le lien est vers un site externe alors sa place serait dans le html avec l'attribut alt renseigné. Avec ton code, les personnes sans image affichée mais css activé ne recoivent pas l'information. Sont-elles vraiment minoritaires sur celles utilisant un lecteur ne rendant pas l'attribut title?

Bref perso je crois que je le ferais à l'aide de l'attribut title et image de fond ou alors avec image directement dans le html et alt renseigné.
06/06/2008, 15h23
Erwan31

Citation:

Envoyé par Candygirl

Je dois avouer que je n'adhère pas personnellement à cette méthode. Le texte caché balancé à pétaochnoque est un non-sens pour moi.

L'étude "récente" qui démontre la mauvaise lecture de l'attribut title par les lecteur vocaux remonte à 2005 (tout comme l'article). Je n'appelle plus ça récent en 2008 (le lien est mort mais avec une petite recherche...).

Pour info, c'est juste une question le longueur du title et de config du lecteur
d'écran. Certains lecteurs d'écrans son configurés pour lire le plus long texte
entre libellé et title (en principe plus long) tandis que d'autres sont configurés
pour ne pas le lire. Il me semble aussi que certain ne lisent pas le title même
s'il est plus long avec la config initiale. Bref quoi qu'il en soit se reposer sur le
title est une méthode peu robuste.
Le plus sûr est d'utiliser en effet une image avec attribut alt, même chose
pour les liens ouvrant une nouvelle fenêtre.
06/06/2008, 15h30
Candygirl

oky merci.

J'avais trouvé cette étude que je suppose être la référence citée dans l'article. Visiblement dans bien des cas l'attribut title n'était lu que si le lien est vide.

Je trouve pas très cohérent la réaction des lecteurs qui doivent, à mon sens, s'appuyer plutôt sur une mauvaise utilisation de l'attribut alt par les codeurs web plutôt que de l'intérêt du title tel qu'il est décrit par le w3c ?
06/06/2008, 17h55
Erwan31

Citation:

Envoyé par Candygirl

oky merci.
cette étude que je suppose être la référence citée dans l'article. Visiblement dans bien des cas l'attribut title n'était lu que si le lien est vide.

Merci pour le lien. Pour ma part j'essaye de m'appuyer sur certaines bonnes
pratiques mais sans toutefois m'interesser au support CSS et HTML des
lecteurs d'écrans en détail...

Citation:

Envoyé par Candygirl

Je trouve pas très cohérent la réaction des lecteurs qui doivent, à mon sens, s'appuyer plutôt sur une mauvaise utilisation de l'attribut alt par les codeurs web plutôt que de l'intérêt du title tel qu'il est décrit par le w3c ?

Pas compris.
06/06/2008, 18h21
Candygirl

Effectivement c'est n'importe quoi ma phrase :aie: Je reformule:

Je ne trouve pas judicieux que les lecteurs vocaux ne rendent pas systématiquement le contenu de l'attribut title, en regard de l'utilité que lui confert le w3c. J'imagine, cependant, que cet état des faits provient plus de la mauvaise utilisation qu'en font les codeurs web plutôt que d'une volonté dirigée par les recommandations w3c.

Euh c'est plus clair là?
06/06/2008, 22h17
Erwan31

Citation:

Envoyé par Candygirl

Je ne trouve pas judicieux que les lecteurs vocaux ne rendent pas systématiquement le contenu de l'attribut title, en regard de l'utilité que lui confert le w3c. J'imagine, cependant, que cet état des faits provient plus de la mauvaise utilisation qu'en font les codeurs web plutôt que d'une volonté dirigée par les recommandations w3c.
Euh c'est plus clair là?

Oui :)

Selon les directives pour l'accessibilité des Agents Utilisateurs (UAAG), aucune
directive n'implique manifestement de devoir restituer un contenu conditionnel d'une manière unique. Voir à ce sujet la directive 2.3
Quant à savoir pourquoi ça je n'en sais rien, il faudrait demander à un developper d'agent utilsateur ou un expert qualifié dans le domaine.

L'important est je cite de "permettre une configuration pour fournir un accès à chaque partie non-restituée".

Je cite aussi

Citation:

Les spécifications varient dans leur manière de définir complètement la façon et le moment de restituer le contenu conditionnel. Par exemple, la spécifications HTML 4 inclut les conditions de restitution pour l'attribut alt, mais pas pour l'attribut title. La spécification HTML 4 indique bien que l'attribut title devrait être mis à la disposition des utilisateurs au travers de l'interface utilisateur (« Les valeurs de l'attribut title peuvent être restituées par les agents utilisateurs de diverses façons... ».