accessKey et tabIndex : utilisation « étendue »

**Hibou57** · 10/09/2007, 22h37

Bonsoir,

Je rencontre un problème de compatibilité HTML. J'utilise des attributs tabIndex et accessKey sur des DIV et même sur BODY (pour revenir à la fenêtre principale quand je suis dans une IFRAME par exemple), alors que c'est interdit par HTML 4.0

IE les accepte parfaitement à ces endroits là... ce qui me semble logique d'ailleurs.

Malheusement, je ne peux pas tester la présence de ces possibilités étendues sur les autres navigateurs. Qu'en est-il sur FireFox ? Et sur Safari ?

Sinon, n'ais-je pas d'autres choix que de mettre des images transparentes un peu partout pour remédier à ce problème ?

C'est dommage... il me semble plus logique de faire que DIV et BODY accepte tabIndex et accessKey plutôt que d'avoir à mettre des images transparentes qui ne servent qu'à ça (une image c'est fait pour afficher une image non ?)

On dit parfois du mal d'IE, mais j'ai parfois l'impression que ses incompatibilités avec les standards répondent souvent à des choses assez logiques dans le fond (comme le modèle de boite des anciens IE, qui est dans le fond plus intuitif que celui de CSS)... mais enfin, ceci n'est qu'une parenthèse, et la question n'est pas là.

Alors, ça donne quoi sous les autres navigateurs ? Est-ce correctement interprété ? Vous êtes-vous déjà trouvé(e)s dans ce cas avec d'autres navigateurs ?

**Hibou57** · 12/09/2007, 01h18

La meilleure solution semble être d'ajouter, non pas des images transparentes, mais des balise <A></A> utilisées comme lien (href, et non pas name), sans leur donner de texte, et en employant un href factice.

Par exemple au lieu d'avoir

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<BODY accessKey="X" tabIndex="0">
   ...
</BODY>

on peut placer immédiatement aprés la balise d'ouverture de BODY, on pourra placer une balise <A></A> comme suit

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<BODY>
   <A href="#" accessKey="X" tabIndex="0"></A>
   ...
</BODY>

Mais il reste encore un doute. J'ai put tester que IE donne bien « le focus » à ce liens pourtant invisible, car sans texte. Mais qu'en est-il avec les autres navigateurs ? Quoiqu'il en soit, malgré ce doute, cette solution est préférable à celle spécifique à IE qui est de donner un attribut accessKey à l'élément BODY.

Autre inconvénient : il se pourrait que dans certains cas la présence de l'élément A interfère avec d'autres (jeux de float et cie).

Au fait.... personne n'a jugé bon de protester aprés ce que j'ai écrit sur IE en défendant son ancien modèle de boite ?

Je suis vraiment trés étonné

**Hibou57** · 12/09/2007, 16h40

Correctif : je suis bête, et tabIndex ne peut pas avoir la valeur "-1" bien sûr (sauf sous IE).

accessKey et tabIndex : utilisation « étendue »

HTML

Vue hybride

Discussions similaires

Partager

Partager