web-dev-qa-db-ja.com

Firefoxでリンクのキーボードフォーカスを許可するにはどうすればよいですか？

Webkitブラウザーでこの非常にシンプルなフィドルに移動し、入力をクリックします。

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>

次に、キーボードを使用して入力とリンクの両方をナビゲートできることに注意してください Tab キー（および Shift+Tab 逆順でナビゲートします）。

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

マークアップでtabindex宣言の無限の組み合わせを試しましたが、役に立ちませんでした、例えば：

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

ここで一体何が起こっているのでしょうか？次のような回答を受け入れます。

a）Firefoxで動作するフィドル
b）Mozillaの頭の中でここで何が起こっているかについての説明。 spec と矛盾しているようです。

macosfirefoxkeyboardaccessibilitytabindex
97
Ben

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

ユーザー側でこれを回避するには、2つの異なる方法があります。両方ともうまくいくようです：

  1. システム環境設定→キーボードのショートカットペインで、下部の「すべてのコントロール」ラジオをチェックします。

  2. Firefoxでは、「about:config "はURLバーにあります。accessibility.tabfocus Macの設定なので、作成する必要があります。ウィンドウを右クリックして、新しい「整数」設定を作成し、7に設定します。

これらのどちらもひどく明白ではありません。また、どちらも開発者向けのサーバー側のソリューションではなく、イライラさせられます。

192
Ben

あなたは変えられる <a> on <button>あなたの状況で可能であれば

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

0
sglazkov