2012-07-28 3 views
70

Webkitのブラウザでは、この超簡単なフィドルに移動し、入力の上でクリックしてください:Firefoxでリンクのキーボードフォーカスを許可する方法は?

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> 

、あなたはキーボードが入力し、使用してリンクの両方をナビゲートすることができ予告タブキー(シフト + 逆順にナビゲートするタブ)。

今、Mac OSのFirefoxで同じフィドルを見て、同じことをしてください。入力はフォーカスを受け取りますが、リンクはフォーカスを受けません。 CSS表示の問題ではありません。フォーカスは最後の入力からURLバーに飛びます。

私は、マークアップでtabindex宣言の無限の組み合わせを試みたが、無駄に、例えばました:

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

一体ここで何が起こっていますか?私はどんな答えでも受け入れます:

a)Firefoxで作業中
b)Mozillaの頭で正確に何が起こっているのかについての説明。 specと矛盾しているようです。

+0

ない何が起こっているかを確認して、それは奇妙なJSFiddle&FFバグかもしれ場合は<button><a>を変更することができます。すべての 'tabindex'を削除して、' tabindex = " - 1" 'を全てのリンクだけに入れてください。私はテストするFFにアクセスする必要はありません。 –

+0

nahそれはマック事です。私の答えを参照してください... – Ben

+1

ああええ。この動作は、「すべてのコントロール」が有効になっていない場合でもSafariでも発生するはずです。これはMozの問題ではありません –

答えて

128

誰かがこれを私に説明しました。それはMacの問題です。 Mac OSでは、Mozillaはオペレーティングシステムの設定に真実です。

この問題を回避するには、ユーザー側で2つの方法があります。どちらも動作しているようです:

1)[システム環境設定]> [キーボード]のキーボードショートカットパネルで、[すべてのコントロール]ラジオをオンにします。

2)Firefoxでは、URLバーに「about:config」と入力します。 Macではaccessibility.tabfocusの設定がありませんので、作成する必要があります。ウィンドウ内で右クリックし、新しい「整数」のプリフエアを作成し、それを7に設定します。

これらのいずれも非常に明白ではありません。また、どちらも開発者向けのサーバー側のソリューションであり、どちらもイライラしていません。

+0

ありがとうございます。 Lionはキーボードペインに「すべてのコントロール」オプションを表示していませんが、ソリューション#2は私のために働きました。 –

+9

10.9 Mavericks:システム環境設定>キーボード>ショートカット>ペインの下部にある[すべてのコントロール]ラジオボタンをクリックします。 – paulhhowells

+0

私のシステム環境設定の提案が修正されました。 – frshjb373

関連する問題