Geckozone

Bonsoir,

J'ai passé beaucoup de temps pour rendre mon site le plus possible accessible aux non voyants et j'ai maintenant un soucis avec le menu principal sur ma nouvelle page d'accueil.

Le site est en Xhtml 1 et css 2.
Je suis parti des menu css+javascript d'Alsace création.

J'ai donc un menu comme cela :

Code : Tout sélectionner

<dl id="menu">
<dt onmouseover [etc] tabindex="1"></dt>
<dd>
<ul>
<li><a href=[etc] tabindex="2"</li>
<li><a href=[etc] tabindex="3"</li>
</ul>
</dd>
</dl>

Ce menu comporte des sousmenu et je voulait qu'à la fois les menus principaux soient accessibles avec la touche TAB (balise <dt>) et aussi les sousmenus (balise <li>).

Or le W3c ne considère pas comme valide le TABINDEX dans la balise <dt>

J'ai donc le choix entre non valide et accessible ou l'inverse. En plus le TABINDEX ne fonctionne pas vraiment dans la balise <dt>.

Il y a t-il une solution sans tout refaire ?

Heu, pour info, pas pub, la page est ici : http://nicolas.chazot.free.fr

Merci bien.

Ben, on ne peut utiliser tabindex que sur les éléments "focusable", comme les liens et les éléments de formulaire. Les autres éléments sont considérés comme "inerte", et donc la norme ne leur a pas attribué la propriété tabindex. C'est vrai qu'avec le javascript, on peut ajouter des comportements à n'importe quel élément, mais bon.
De toutes manières, ajouter un tabindex à un élément ne l'aurait pas rendu "focusable" pour autant.

Et aurait encore moins déplié le menu vu que c'est onmouseover

Geckozone

Menu CSS + javascript, Problème avec TABINDEX

Menu CSS + javascript, Problème avec TABINDEX