Comment autoriser le focus clavier des liens dans Firefox?

128

Accédez à ce violon ultra-simple dans un navigateur Webkit et cliquez sur l'une des entrées:

http://jsfiddle.net/eK4TT/

<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 tabindexdéclarations dans le balisage, et en vain, par exemple:

http://jsfiddle.net/eK4TT/1/

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 .

Ben
la source
Je ne sais pas ce qui se passe, c'est peut-être un étrange bug JSFiddle & FF. Essayez de supprimer tous les tabindexs et de mettre tabindex="-1"tous les liens uniquement. Je n'ai pas accès à FF pour tester.
Ryan B du
1
non c'est une chose mac. voir ma réponse ...
Ben
1
Oh oui. Ce comportement devrait également se produire dans Safari, si vous n'avez pas activé "tous les contrôles" ou autre. Ce n'est pas un problème de Moz
Ryan B
Vous trouverez ces paramètres utiles: weba11y.com/blog/2014/07/07/keyboard-navigation-in-mac-browsers
Nasia Makrygianni le

Réponses:

270

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:

  1. Dans Préférences SystèmeClavier , dans le volet Raccourcis , cochez la radio «toutes les commandes» en bas.

  2. Dans Firefox, saisissez " about:config" dans la barre d'URL. Il n'y a aucune accessibility.tabfocuspré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.

Ben
la source
17
10.9 Mavericks: Préférences Système> Clavier> Raccourcis> Bouton radio «Toutes les commandes» en bas du volet.
paulhhowells
9
Je suis sur Catalina et j'ai dû effectuer ces deux suggestions - la mise à jour des préférences système seule ne semblait pas changer quoi que ce soit dans Firefox. Une fois que j'ai ajouté la nouvelle préférence à Firefox about:config, Firefox a finalement autorisé la mise au point par onglets. Merci!
Ray Brown
Dans MacOS Mojave (version 10.14.6), je devais également effectuer les deux suggestions. La préférence système n'a pas changé le comportement de Firefox. L'ajout de la nouvelle préférence Firefox a fait l'affaire. Il est assez sauvage que le focus clavier des hyperliens ne soit pas un comportement par défaut dans Firefox.
Paul Shryock
Merci beaucoup! Je me suis demandé pourquoi Chrome et Firefox (sur MacOS) sont si différents en se concentrant sur l'onglet. Thats why :-)
Hermann Schwarz
Note latérale: j'ai dû quitter / redémarrer Firefox après avoir changé la configuration dans les Préférences Système. Aussi, pour Safari, je devais Safari> Préférences> Avancé> Accessibilité: [x] Appuyez sur Tab pour mettre en surbrillance chaque élément sur une page Web (c'était en plus de le paramétrer dans les Préférences Système).
Bryan Downing le