Accédez à ce violon ultra-simple dans un navigateur Webkit et cliquez sur l'une des entrées:
<input type="text">
<input type="text">
<input type="text">
<a href="#">my first link</a>
<a href="#">my second link</a>
<a href="#">my third link</a>
Ensuite, notez que vous pouvez naviguer au clavier dans les entrées et les liens à l'aide de la Tabtouche (et Shift+ Tabpour naviguer dans l'ordre inverse).
Maintenant, regardez le même violon dans Firefox sur Mac OS et faites la même chose. Les entrées reçoivent le focus, mais les liens ne le reçoivent pas. Ce n'est pas un problème d'affichage CSS. Le focus passe de la dernière entrée à la barre d'URL.
J'ai essayé des combinaisons infinies de tabindex
déclarations dans le balisage, et en vain, par exemple:
Mais qu'est ce qu'il se passe ici? J'accepterai toute réponse qui a:
a) un violon travaillant dans Firefox
b) une explication de ce qui se passe exactement ici dans la tête de Mozilla. Cela semble contredire les spécifications .
tabindex
s et de mettretabindex="-1"
tous les liens uniquement. Je n'ai pas accès à FF pour tester.