Menu avec images accessible avec navigateur non graphique ?

[fredroy]

Bonjour,

Je souhaiterai faire un menu avec des images.

Pas de problèmes j'utilise des puces et mon image en background dans la feuille de style.

Ex :

Code : Tout sélectionner

<ul><li><a class="image1" href=""></a></li>
	<li><a class="image2" href=""></a></li></ul>

Or, si je prends uniquement la source je n'ai pas d'indication sur mon menu... Par exemple un navigateur non graphique n'aura pas accès au menu.

A ce titre, j'aimerai savoir comment faire pour que avec le code suivant :

Code : Tout sélectionner

<ul><li><a class="image1" href="">menu 1</a></li>
	<li><a class="image2" href="">menu 2</a></li></ul>

Les indications de menu ne soit pas visible sur les images mais qu' un navigateur non graphique y ait accès.

Merci d'avance pour vos explications

[Benoit]

Les attributs ALT sur les images sont faits pour ça

Un autre moyen est de faire l'inverse, mettre tes menus en texte, et ensuite via CSS masquer le texte et mettre une image en background à la place.

[LezeuS]

Dans son cas, l' ALT se met où dans le code ?

[Monique]

Bonjour,

Dans le cas d'une image en background, il n'y a pas d'attribut alt.
Par contre, il est indispensable d'utiliser l'attribut title du lien

Code : Tout sélectionner

<a class="image1" href="" title="menu 1">menu 1</a>

Le contenu de cet attribut est repris par les navigateurs vocaux notamment (comme Jaws) : les titres des liens d'une page sont listés dans une boîte de dialogue.

[Invité]

Merci pour vos réponse. Donc, si j'ai biien compris si j'utilise le code suivant :

Code : Tout sélectionner

<a class="image1" href="" title="menu 1"></a>

sans l'indication "menu 1" sinon visible sur l'image en background, un navigateur non graphique et vocal aura accès au menu ?

[fredroy]

Oups, désolé j'ai posté sans être connecté...

Je voulais préciiser sans "menu 1" entre la balise a

[fredroy]

après test du code sans css je n'ai rien à l'écran

[Monique]

un navigateur non graphique et vocal aura accès au menu ?

En principe oui.
Du moins je suppose qu'il ne sera pas gêné par ce "vide". Il faudrait cependant tester pour en être certain.
Il faudra que je me décide à télécharger Jaws...

[Monique]

après test du code sans css je n'ai rien à l'écran

Tu as testé avec Lynx Viewer ?
Parce que juste sans css, c'est normal que tu ne vois rien... il n'y a rien à afficher

[fredroy]

Je viens d'effectuer un test avec http://www.delorie.com/web/lynxview.html

Et il ne m'affiche que les * des listes mais aucun lien ni nom de menu. Ce qui est normal puisque je n'indique rien dans la balise a...

Donc, retour à la case départ comment mettre un nom dans la balise a sans que cela soit inscrit sur l'image qui se trouve en background ? Ou comment faire un "alt" lorsque l'image est en background ou enfin comment faire quand les images survolée sont faites en css pour mettre un atribut "alt"

En revanche pour eyrolles c'est nikel : http://www.delorie.com/web/lynxview.cgi ... rolles.com