1174 sujets

Accessibilité du Web

Rendu de l'attribut alt

Bonjour à tous,

C'est moi ou - sous Windows - mes navigateurs graphiques gèrent mal ou pas l'attribut alt de la balise img ?

- Firefox 3.0.8 : affiche l'intégralité de l'alternative au détriment de la taille de l'image. Bémol : le manque de matérialisation (pas évident quand plusieurs images se suivent)

- IE 7.0.5730 : respecte les dimensions de l'image au détriment du texte, mais permet de le visualiser en entier au passage de la souris (encore faut-il le savoir)

- Opera 9.64 : respecte les dimensions de l'image au détriment du texte

- Chrome 1.0.154 : matérialise le fichier manquant en respectant ses dimensions

- Safari 3.2.1 : comme Chrome.

Précision : pour une image réellement absente.

J'ai raté un truc dans les préférences ?

Question subsidiaire : peut-on abandonner img pour object ?

Merci
Administrateur
boulaneige a écrit :
Question subsidiaire : peut-on abandonner img pour object ?


Avec Gecko (Mozilla) et Opera oui, avec IE non, même si cela s'arrange avec IE7/8.
Merci de ta réponse,

Je suis effectivement en train de faire des essais, et IE 7 ne m'affiche ni jpg ni png Smiley decu

Et curieusement, selon le type, j'ai ou pas l'alternative !?!

Mon code me paraît pourtant correct non ?

<p><object data="casq.jpg" type="image/jpeg">
Alternative
</object></p>

Modifié par boulaneige (18 Apr 2009 - 19:55)
boulaneige a écrit :
C'est moi ou - sous Windows - mes navigateurs graphiques gèrent mal ou pas l'attribut alt de la balise img ?

Peux-tu définir précisément ce que serait une bonne gestion de cet attribut?
Qu'il soit au minimum lisible :

upload/3008-alt.png

Quelqu'un pourrait décrire le rendu sur les versions mobiles des navigateurs ?

EDIT : ce ne sont pas mes navigateurs courants, je n'exclue donc pas d'avoir raté une option dans les préférences.
Modifié par boulaneige (19 Apr 2009 - 01:32)
À tout hasard: tu as défini les dimensions des images côté HTML, ou peut-être dans le CSS? Si oui, que se passe-t-il si tu retires ces dimensions?
Les dimensions des images sont définies dans la balise img.

Le code est tout bête :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Exemple</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

<p><img src="nexistepas.gif" alt="alternative 1" width="50" height="20" />
<img src="inexistant.gif" alt="alternative 2" width="50" height="20" />Texte</p>

</body>
</html>


Le but était de voir le comportement natif des navigateurs, et j'avoue tomber de haut... Tellement habituée à utiliser diverses extensions...

EDIT : oups, trompée de page, j'ai modifié la balise html du code
Modifié par boulaneige (19 Apr 2009 - 14:55)
boulaneige a écrit :
Le but était de voir le comportement natif des navigateurs

Ce que tu as donc fait avec une page de test sans attributs height et width pour les images, à titre de comparaison. Qu'est-ce que ça a donné?
Salut Florent,

Oui bien sur j'ai testé, sans dimension, Opera et IE affichent l'intégralité du contenu de l'alternative.

Chrome et Safari restent sur leur position : aucune alternative.

J'ai testé aussi Konqueror qui a un comportement également très étrange, similaire à Chrome avec des dimensions, et quand il n'y en a pas, il n'affiche qu'une partie du alt...

Ca me perturbe cette histoire. Pour moi c'est pas logique qu'un attribut optionnel prenne le dessus sur un attribut obligatoire mais surtout des plus importants.

Je copierai donc 1000 fois : si image petite avec alt non vide, pas de dimension !important

Question subsidiaire bis : quel est le navigateur qui respecte le mieux les specs dans ce cas précis ?
Bonjour,

Au risque de surprendre, aucun navigateur graphique n'est censé afficher les alternatives textuelles d'une manière complète ou tout simplement consultable en cas de désactivation des images, selon la norme en vigueur (UAAG 1.0). Il suffit par exemple que celles-ci soient consultables image après image via les propriétés de l'image dans le navigateur.
Modifié par Laurent Denis (23 Apr 2009 - 16:26)
Sujet clos
Aller à