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.Réponses:
Ok, quelqu'un m'a expliqué ça. C'est un problème Mac. Mozilla est fidèle aux paramètres du système d'exploitation sous Mac OS.
Il existe deux façons distinctes de contourner cela du côté de l'utilisateur. Les deux semblent fonctionner:
Dans Préférences Système → Clavier , dans le volet Raccourcis , cochez la radio «toutes les commandes» en bas.
Dans Firefox, saisissez "
about:config
" dans la barre d'URL. Il n'y a aucuneaccessibility.tabfocus
préférence sur le mac, vous devrez donc en créer une. Faites un clic droit dans la fenêtre, créez un nouveau préfixe "entier" et réglez-le sur 7.Aucun de ces éléments n'est terriblement évident. De plus, aucune de ces solutions n'est une solution côté serveur pour les développeurs, ce qui est frustrant.
la source
about:config
, Firefox a finalement autorisé la mise au point par onglets. Merci!