Comment autoriser la mise en évidence des liens par le clavier dans Firefox ?

Question

Allez sur ce bidule 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, remarquez que vous pouvez naviguer au clavier à la fois dans les entrées et les liens en utilisant la fonction Tab (et Shift + Tab pour naviguer dans l'ordre inverse).

Maintenant, regardez le même truc dans Firefox sur Mac OS et faites la même chose. Les entrées reçoivent le focus, mais les liens ne reçoivent pas le focus. Il ne s'agit pas d'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 dans le balisage, et en vain, par exemple :

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

Que diable se passe-t-il ici ? J'accepterai toute réponse qui a :

a) un bricolage dans Firefox
b) une explication de ce qui se passe exactement dans la tête de Mozilla. Cela semble contredire la spec .

Answer 1

Ok, quelqu'un m'a expliqué ça. C'est un problème de Mac. Mozilla est fidèle aux paramètres du système d'exploitation dans Mac OS.

Il existe deux façons distinctes de contourner ce problème du côté de l'utilisateur. Les deux semblent fonctionner :

1. Sur Préférences du système → Clavier dans le Raccourcis cochez la case "tous les contrôles" en bas.

2. Dans Firefox, tapez " about:config "dans la barre d'URL. Il n'y a pas de accessibility.tabfocus sur le Mac, vous devrez donc en créer une. Faites un clic droit dans la fenêtre, créez une nouvelle préférence "integer" et réglez-la sur 7.

Aucun des deux n'est terriblement évident. De plus, aucune d'entre elles n'est une solution côté serveur pour les développeurs, ce qui est frustrant.

Answer 2

Sous MacOS Big Sur, cela se fait comme suit :

Cochez la case Use keyboard navigation...

Je n'ai pas non plus eu à pirater le about:config.

Answer 3

Toute personne regardant la deuxième méthode expliquée dans la réponse acceptée :

Dans Firefox, tapez "about:config" dans la barre d'URL. Il n'y a pas de accessibility.tabfocus sur le Mac, vous devrez donc en créer une. en faire une. Cliquez avec le bouton droit de la souris dans la fenêtre, créez une nouvelle préférence "integer", et réglez-la sur 7. la valeur 7.

Sachez qu'il existe déjà une préférence nommée accessibility.tabfocus dans l'édition Developer de Firefox, qui est un booléen.

Vous pouvez changer cette valeur en un nombre entier en cliquant sur l'icône de la corbeille et en supprimant la préférence. Vous pourrez alors sélectionner le type de préférence que vous souhaitez et lui attribuer une valeur par la suite.

Answer 4

Merci, je suis sur Catalina, et ce qui suit fonctionne :

Dans Firefox, tapez "about:config" dans la barre d'URL. Il n'y a pas de préférence accessibility.tabfocus sur le Mac, vous devrez donc en créer une. Faites un clic droit dans la fenêtre, créez une nouvelle préférence "integer" et définissez-la sur 7.