[Reglé]Rollover une seule image, oui, mais sans texte

Bonjour,

c'est au sujet de ce tuto :
http://css.alsacreations.com/Tutoriels-et-articles-divers/roll-over-css-image-unique

J'ai bien compris la technique et je l'avais déjà utilisée pour faire un menu dynamique. Maintenant je souhaite faire un rollover sur une seule image, sans texte étant donné qu'il est déjà sur l'image (parce qu'une police "spéciale" est utilisée, pas gérée d'origine par les systèmes).

Dans ce tutorial il faut créer une liste et y mettre du texte. Vu que je souhaite réaliser un rollover sur une seule image uniquement, je ne vois pas l'utilité de la liste et comme le texte est déjà sur le bouton, je ne vois pas l'utilité du texte dans la liste.

Donc je suis coincé, car une liste sans texte qui sera affiché, difficile de faire un rollover dessus s'il n'y a rien à cet emplacement.

Et surtout, n'y a-t-il pas un moyen de faire un rollover sur une seule image, sans devoir noter du texte (qui sera considéré comme un lien) et sans devoir créer une liste ?

J'espère que c'est assez clair
Modifié par Graphix (04 Aug 2006 - 18:34)

Graphix a écrit :
Et surtout, n'y a-t-il pas un moyen de faire un rollover sur une seule image, sans devoir noter du texte (qui sera considéré comme un lien) et sans devoir créer une liste ?

Hello,

C'est tout à fait possible, mais nous l'avons fait volontairement :
1- le texte est une alternative de contenu obligatoire pour les personnes non voyantes ou pour les navigateurs non graphiques (comme Lynx ou Google par exemple). Il est donc vivement recommandé pour toutes les questions d'Accessibilité qui nous sont si chères ici
2- la structure sous forme de liste est un choix de logique : un menu n'est après tout qu'une liste de lien. C'est un choix comme un autre et tu n'es bien entendu pas forcé de le respecter.

Comme mon site sera tourné sur la création graphique, je ne pense pas qu'il soit important de l'adapté aux non-voyants

Donc je peux le faire sans devoir faire une liste de liens? Mais, comment ?

Bonjour,

L'erreur classique est d'assimiler "accessibilité des images" et "handicap visuel" (en laissant de côté le discours abusif sur "ce qui est graphique n'intéressera pas les aveugles").

L'absence d'alternative textuelle est pénalisante ou obstructive beaucoup plus généralement:
- pour les robots d'indexation des moteurs de recherche
- pour les traducteurs automatiques et autres scripts
- pour les utilisateurs en bas débit (désactivation des images et choix au cas par cas des images finalement visualisées)
- pour le web mobile (images de background CSS très fréquemment ignorées)
- etc.

HTML a fourni un mécanisme robuste pour afficher une image et fournir son alternative: l'élément <img>. Le DOM permet de manipuler ce contenu, notamment pour produire des effets de roll-over, sans problème d'accessibilité.

CSS, en revanche, n'a jamais été conçu pour "faire du contenu" à la place du HTML
Modifié par Laurent Denis (04 Aug 2006 - 16:02)

bon, je pense que je vais en revenir au bon vieux javascript, ce sera plus simple pour moi. Faire une liste alors qu'il s'agit en tout de 3 images, qui ne se situent pas au même endroit, c'est compliqué, d'autant plus qu'elles embarquent déjà du texte avec une police spécifique et je ne souhaite pas la changer.

Concernant les robots, traducteurs et compagnie, il y a l'attribut alt d'une image, non ? Et puis comme le publique cible de mon site web concerne uniquement la Suisse romande, il n'y a pas d'intérêt à ce que l'on puisse la traduire en allemand, anglais et compagnie

Je pense que la structure du site est à adapter selon le publique cible, tu ne crois pas?

Je comprends bien ce que vous défendez, l'accesibilité pour ceux qui ont un handicap, des personnes de ma familles en ont, que ce soit un handicap visuel ou auditif, donc j'y suis sensible, mais comme mon publique cible ne sont pas ces gens (selon les services que je souhaite fournir et qui j'espère pourront me faire vivre), je ne tiens pas pas à prendre trop de temps pour ce genre de chose et en prendre plus sur l'apprentissage de PHP/MySQL.

Que l'on se comprenne, actuellement je suis sans emploi et je cherche du boulot, mais les temps sont dur dans mon domaine très peu de place, trop de gens, alors j'essai de faire en sorte que je puisse avoir un revenu, qui me soit utile au niveau des connaissances pour ne pas perdre la main. Raison pour laquelle je m'attendre moins sur certains points que sur d'autres. J'ai un loyer à payer et une 2 bouches à nourrirent (y compris moi donc)

Graphix a écrit :

Je comprends bien ce que vous défendez, l'accesibilité pour ceux qui ont un handicap

Comment diable faut-il donc le dire ?

L'accessibilité ne vise pas spécifiquement les personnes handicapées. Elles n'ont sont qu'une des "cibles" parmi les autres, et ce ne sera pas nécessairement la principale selon les cas.

En d'autres termes, les bénéfices de l'accessibilité sont très différents de ce que tu supposes. Voir Pourquoi l'accessibilité numérique ?...

Mais bon... Chacun investit là où il le juge le plus avisé
Modifié par Laurent Denis (04 Aug 2006 - 18:28)

J'appronfondirai le sujet quand je le pourrais, pour le moment je n'en ai malheureusement pas l'occasion, je dois faire au plus pressé.

Je trouve juste dommage que l'on ne m'ai pas éclairé sur mes questions. J'ai bien compris, mais je n'ai pas le temps.