[Résolu] Menu en image et accessibilité

Bonjour,

Je suis ne train de faire des recherches, je dois faire un menu qui doit absolument utiliser une police spécial (le client est roi...).

Il faut donc utiliser des images pour faire le menu.

Mais maintenant il se pose le problème sur l'accessibilité, quelle est la meilleurs façon de faire?

J'ai recherché un peu et dans tout les articles trouvé, au final tous on leurs avantages et leurs inconvénients.

Voici les article trouvé:

http://forum.alsacreations.com/topic-9-38069-1-Menu-en-images-full-css-accessible.html
http://www.alsacreations.com/article/lire/567-Remplacement-d-images-halte-au-display-none.html
http://biboo.net/css-menu-rollover
http://csshowto.com/menus/accessible-graphical-menus/

En lisant ces articles, je me pose une question: Est-ce que le bon vieux:

<ul>
    <li><a href="#"><img src="accueil.png" alt="Accueil" /></a></li>
</ul>

N'est pas accessible? et pourquoi ?
Quelles solutions avez-vous choisi ou choisirez-vous si vous devez faire un tel menu?

Merci pour vos avis.
Modifié par Blogger (21 Jul 2010 - 11:38)

Salut,

Le morceau de code que tu donne est idéal pour faire ton lien de manière accessible, car il s'agit d'une image en dur dans le code html, et que tu as rempli l'attribut alt qui fournir à tout visiteur une alternative textuelle. Tu pourrais même aller au delà en rendant l'intitulé alternatif plus explicite "retourner à l'accueil".

Salut,

Merci pour ta réponse.

Le fait de mettre l'image en dur dans les liens ne pose pas de problèmes pour le référencement et les moteurs de recherches?

Et pour l'accessibilité, si les images sont désactivées, le texte "alt" apparaitra bien?
Avec cette méthode, je n'aurais aucuns problèmes d'accessibilité pour tout type de médias?

Merci

Bonjour,

Blogger a écrit :
Le fait de mettre l'image en dur dans les liens ne pose pas de problèmes pour le référencement et les moteurs de recherches?

Non, sauf si tu lis de mauvais conseils non étayés ailleurs.

Blogger a écrit :
Et pour l'accessibilité, si les images sont désactivées, le texte "alt" apparaitra bien?

Oui ou alors c'est la faute au navigateur qui fait n'importe quoi (webkit pour pas le nommer).

Blogger a écrit :
Avec cette méthode, je n'aurais aucuns problèmes d'accessibilité pour tout type de médias?

Comme l'a dit Mikachu c'est l'idéal.
Si on désactive les images ça fonctionne quand même. Si on désactive les CSS ça fonctionne toujours. Si on désactive les deux ben euh pareil

Blogger a écrit :
Et pour l'accessibilité, si les images sont désactivées, le texte "alt" apparaitra bien?

Felipe a écrit :
Oui ou alors c'est la faute au navigateur qui fait n'importe quoi (webkit pour pas le nommer).

Ce n'est pas WebKit qui fait n'importe quoi, mais Safari et Google Chrome : nuance.

OK, nice, alors go utiliser les images dans les liens de mon menu

Merci pour vos réponses.