Bien gérer l'ordre des tab pour un menu.

Bonjour à tous,

Je suis actuellement confronté à un petit problème d'accessibilité. C'est pas grand chose mais j'aimerais que l'accessibilité soit parfaite sur mon site.

j'ai le code suivant :

<!-- navBar -->
	<ul id="navBar">
		<li id="droite"><a href="#" >Fermer la session</a></li>
		<li><a href="#" >Mon compte</a></li>
		<li><a href="#" >Panier</a></li>		
	</ul>
	<!-- Fin de la navBar -->
	
	<!-- Menu de Gauche -->
	<div id="gauche">
	<ul>
		<li><a href="#"  >Nos recettes</a></li>
		<li><a href="#" >Nos produits</a></li>
	</ul>
	</div>
	<!-- Fin du menu de gauche -->

Donc la navbar, c'est un menu placé en haut de ma page sur la droite (un peu comme le menu d'alsacréations) et mon menu de gauche, c'est un menu normal de gauche.

Il me semble logique pour un non ou mal voyant, qu'en faisant "tab", il arrive d'abord sur Nos recettes, Nos produits, et qu'ensuite il arrive Mon compte, mon panier, fermer la session.

Mais mon design étant conçu dans le flux, si je place ma navBar apres mon menu de gauche, j'ai des problèmes d'affichage, surtout sur internet explorer. Et ca m'embeterai de devoir placer ma navBar en absolute pour résoudre le problème.

De plus, j'ai pensé aux tabIndex, mais après avoir lu plusieurs articles dessus, cela semble déconseillé pour les menus et réservés aux formulaires.

A votre avis quel peut-être le meilleur solution ?
Modifié par zmove (01 Aug 2006 - 14:24)

Bonjour,

Les liens d'évitement pourraient être une solution, mais sans voir la page, il est impossible de donner un avis adapté.
Deux lectures à ce sujet :
- Liens d'évitement
- Liens d'évitements pertinents ?

<hs>
Attention avec "alsacreationo". Raphaël tient beaucoup beaucoup à Alsacréations.
</hs>

merci à tous pour vos réponses, je pense qu'un lien d'évitement peut en effet non pas résoudre, mais contourner le problème.

Il est vrai que c'était du "chipotage" mais bon, quitte à se lancer dans l'accessibilité, autant s'y mettre a fond

<hs>
Merci Igor, c'est corrigé
</hs>