5568 sujets

Sémantique web et HTML

Modérateur
Bonjour ou bonsoir a tous.

Comme le titre le suggère il s'agit d'un lien qui reçoit une image usant d'un map , ce qui en en final donne une balise de lien contenant d'autre liens arf! .

Le validateur ne bronche pas et valide la page , les liens du map fonctionnent bien avec la souris sans interferer avec le lien lui même si un texte ou une autre image figure dans la balise.

Mais quand est-il réellement de l'aspect semantique du code et l'aspect accessibilité d'une image mapper dans une balise a ou non.?


L'image placé dans le lien permet de faire un menu deroulant simple en image qui se passe de javascript dans IE6 , c'est a peu prés la seule application que je vois pour cette architecture html peu probable.


(ce n'est pas un troll , c'est pas vendredi Smiley smile )

le code html : (le css permettrait de montrer ou non visuellement l'image au passage de la souris ).

<a href="index2.html" title="lien 1.0" >lien 1<img src="liens_secondaires.gif" alt="" usemap="#map1" /></a>

	<map name="map1" id="map1" >
		<area href="index2.html" shape="rect" coords= "0,0,70,16" alt="lien 1.1" />
		<area href="index3.html" shape="rect" coords="0,17,70,33" alt="lien 1.2" />
		<area href="index4.html" shape="rect" coords="0,34,70,50" alt="lien 1.3" />
		<area href="index5.html" shape="rect" coords="0,51,70,67" alt="lien 1.4" />
	</map>


Est ce utilisable ou source de probleme dans les differents medias ?

Dans firefoxe, IE6 et opera , il ne semble pas y avoir de problemes.

(Pour ceux qui ne comprennent pas trop l'effet recherché)
un exemple de ce type de lien/menu mis en place pour IE6 :
http://gcyrillus.free.fr/decoupe-fr/flyman/

Le code servi pour IE6 pourrait l'etre pour tous si il n'y avait pas ce gros doute sur le bon usage de ces balises .

gc
Modifié par gcyrillus (03 Jul 2007 - 02:05)