2012-03-04 21 views
2

私はTwitterのブートストラップのリンクを表示するために<a hrefを使用する必要があります。リンクのタブストップを避ける方法は?

<a rel="tooltip" href="#" data-placement="right" data-original-title="Tooltip">Tooltip is here</a> 

をしかし、私はそのような要素のタブストップを避けたいです。 tabindex="0"の使用は役に立ちません。どうすれば同じことができますか?

+0

jQueryがオプションの場合、[such trick](http://jsfiddle.net/8Be6m/)を使用して、アンカー要素がタブで達成されるフォーカスを無効にすることができます。 –

+0

tabindexを高い値に設定してから、ページの他のすべての要素に設定できます(jsを使用しない一意の方法)。これを無効にすると、アクセシビリティの問題が発生します。 – rcdmk

+0

@rcdmk、ここにはどのようなアクセシビリティの問題がありますか?私はデフォルトではマウスなしでツールチップを表示する方法がないと思う。 –

答えて

5

tabindexを高い値に設定した後、ページの他のすべての要素(jsを使用しない一意の方法)を設定できます。これを無効にすると、アクセシビリティの問題が発生します。

人々はタブを使用して要素間を移動し、一部のソフトウェアはこれを他の要因の中でナビゲーション順序として使用します。 (詳細はこちら:http://accessibleculture.org/articles/2010/05/tabindex)。あなたの目的がスクリーンリーダやいくつかの制限を持つ人々からこのリンクを隠すのであれば、問題はありません。

0

tabindex 0はタブオーダーの最初の要素です。 tabindex = " - 1"を試してください。

編集

html4仕様によると:

この値は、したがって、厳密に0と32767

の間の数でなければなりません、あなたはこの属性の負の数を入力することはできません。

しかし、それは離れて、それを無効にするから、タブオーダーから要素を削除については何も言っていない:無効になっている

要素がタブ順序に参加しません。

+0

タブストップに関しては機能しますが、ツールチップはそのようなタブインデックスでは機能しません。そして、http://www.w3schools.com/tags/att_standard_tabindex.aspは最初の要素が1であると言います。 –

+0

ゼロはHTMLの最後の要素です。おそらく、あなたはVBやtabindexプロパティを持つ他のイベントベースのUIと混同しているかもしれません。 – rcdmk

+0

新しい(HTML5)仕様によれば、負の値が許可されています。 http://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute – putvande

関連する問題