私はTwitterのブートストラップのリンクを表示するために<a href
を使用する必要があります。リンクのタブストップを避ける方法は?
<a rel="tooltip" href="#" data-placement="right" data-original-title="Tooltip">Tooltip is here</a>
をしかし、私はそのような要素のタブストップを避けたいです。 tabindex="0"
の使用は役に立ちません。どうすれば同じことができますか?
私はTwitterのブートストラップのリンクを表示するために<a href
を使用する必要があります。リンクのタブストップを避ける方法は?
<a rel="tooltip" href="#" data-placement="right" data-original-title="Tooltip">Tooltip is here</a>
をしかし、私はそのような要素のタブストップを避けたいです。 tabindex="0"
の使用は役に立ちません。どうすれば同じことができますか?
tabindexを高い値に設定した後、ページの他のすべての要素(jsを使用しない一意の方法)を設定できます。これを無効にすると、アクセシビリティの問題が発生します。
人々はタブを使用して要素間を移動し、一部のソフトウェアはこれを他の要因の中でナビゲーション順序として使用します。 (詳細はこちら:http://accessibleculture.org/articles/2010/05/tabindex)。あなたの目的がスクリーンリーダやいくつかの制限を持つ人々からこのリンクを隠すのであれば、問題はありません。
tabindex 0はタブオーダーの最初の要素です。 tabindex = " - 1"を試してください。
編集
html4仕様によると:
この値は、したがって、厳密に0と32767
の間の数でなければなりません、あなたはこの属性の負の数を入力することはできません。
しかし、それは離れて、それを無効にするから、タブオーダーから要素を削除については何も言っていない:無効になっている
要素がタブ順序に参加しません。
タブストップに関しては機能しますが、ツールチップはそのようなタブインデックスでは機能しません。そして、http://www.w3schools.com/tags/att_standard_tabindex.aspは最初の要素が1であると言います。 –
ゼロはHTMLの最後の要素です。おそらく、あなたはVBやtabindexプロパティを持つ他のイベントベースのUIと混同しているかもしれません。 – rcdmk
新しい(HTML5)仕様によれば、負の値が許可されています。 http://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute – putvande
jQueryがオプションの場合、[such trick](http://jsfiddle.net/8Be6m/)を使用して、アンカー要素がタブで達成されるフォーカスを無効にすることができます。 –
tabindexを高い値に設定してから、ページの他のすべての要素に設定できます(jsを使用しない一意の方法)。これを無効にすると、アクセシビリティの問題が発生します。 – rcdmk
@rcdmk、ここにはどのようなアクセシビリティの問題がありますか?私はデフォルトではマウスなしでツールチップを表示する方法がないと思う。 –