Comment permettre le focus du clavier de liens dans Firefox?

Aller à cette ultra-simple violon 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 clavier naviguer à travers à la fois les entrées et les liens à l'aide de la Tab clé (et Maj+Tab pour naviguer dans l'ordre inverse).

Maintenant, regardez le même violon dans Firefox sur Mac OS et faire la même chose. Les entrées de recevoir le focus, mais les liens ne pas recevoir le focus. Ce n'est pas un CSS problème d'affichage. L'accent des sauts à partir de la dernière entrée de la barre d'URL.

J'ai essayé les combinaisons infinies de tabindex déclarations dans le balisage, et en vain, par exemple:

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

Ce que le diable se passe ici? Je vais accepter toute réponse a:

a) un violon de travail dans Firefox

b) une explication de ce qui se passe exactement ici dans Mozilla tête. Il semble en contradiction avec la spec.

  • Pas sûr de ce qui se passe, il peut être un bizarre JSFiddle & FF bug. Essayez de laisser tomber tous les tabindexs, et de mettre tabindex="-1" sur tous et seulement les liens. Je n'ai pas accès à FF pour tester.
  • nah c'est un mac chose. voir ma réponse...
  • Oh ouais. Ce comportement doit également se produire dans Safari aussi, si vous n'avez pas de "toutes les commandes" activé ou quoi que ce soit. Ce n'est pas une question Moz
InformationsquelleAutor Ben | 2012-07-28
  1. 185

    Ok, quelqu'un l'a expliqué à moi. C'est un problème de Mac. Mozilla est vrai pour les paramètres du système d'exploitation Mac OS.

    Il y a deux façons distinctes autour de ce côté de l'utilisateur. Les deux semblent fonctionner:

    1. Dans Préférences Système → Clavier, dans le Raccourcis volet, cochez la case “toutes les commandes”, à la radio à fond.

    2. Dans Firefox, tapez "about:config" dans la barre d'URL. Il n'y a pas de accessibility.tabfocus préférence sur le mac, de sorte que vous aurez à faire un. Clic droit dans la fenêtre créer un nouveau "integer" pref, et 7.

    Aucune de ces sont terriblement évident. Aussi, aucune de ces sont une solution côté serveur pour les développeurs, ce qui est frustrant.

    • Merci pour cette. Lion ne semble pas avoir le "toutes les commandes" option sur le volet Clavier, mais la solution n ° 2 a fonctionné pour moi.
    • 10.9 Mavericks: Système de Préférences > Clavier > Raccourcis > 'Toutes les commandes de radio au bouton au bas de la fenêtre.
    • Les préférences système de suggestion de correction d'un problème pour moi.
    • Quel horrible valeur par défaut pour Apple à utiliser.
    • Merci, cela a été me rend fou. Toujours pas de solution côté serveur tho ?
    • Je ne sais pas pourquoi mais la première solution ne fonctionne pas pour Chrome, tous les liens ne sont pas focusable avec la touche Tab, Firefox et Opera fonctionne comme prévu.
    • Grande réponse et encore pertinent.. jamais Eu aucun problèmes en Chrome sur la Sierra (il a juste travaillé déjà), mais le numéro 1 fixe Firefox/Safari sur la Sierra
    • Oh wow paramètre "toutes les commandes" dans les Préférences Système>Clavier vous permet d'onglet entre les sélections sur le système de dialogue les boîtes de trop - il a buggé moi depuis des années que vous avez besoin de la souris pour le faire!
    • Fixe pour firefox butI pu sauver problème pour safari.
    • Incroyable. J'ai juste eu des combats avec la construction de ma composantes accessibles après mon passer à Firefox et je suis ici en me disant que mes scripts sont tous cassés. C'est affreux. Surefly cette option doit être activée par défaut?

    InformationsquelleAutor Ben
  2. -3

    vous pouvez modifier <a> sur <button> si il est possible dans votre situation

    http://jsfiddle.net/eK4TT/26/

    • À l'aide de javascript, je ne peux pas faire target="_blank" sinon le bloqueur de pop-up va la rejeter
    • Le bouton peut immédiatement cliquez sur un caché <a> avec target="_blank", qui ne devrait pas déclencher les bloqueurs -- ils déclenchent si le clic a été reporté. Voir jsfiddle.net/eK4TT/37
    • Il serait très confuse à partir d'un a11y POV si vous remplacez des liens avec des boutons. Les boutons sont attendus pour faire des actions sur une page et les utilisateurs pourraient être très ennuyé si vous au lieu de les rediriger quelque part.
    InformationsquelleAutor sglazkov