キーボードによる操作の有効化
キーボードによる操作で Widget にアクセスできるようにすることは、すべての Widget にとって重要です。 キーボードによる操作では、ユーザーはスペースキーまたは Enter キーを使用して Widget を制御できます。
キーボードによる操作の基礎は tabIndex 属性です。 この属性は、タブを使用してドキュメント内を移動する方法をブラウザに指示します。
折りたたみパネルでキーボードによる操作を有効にするには、次のように TabIndex 値を折りたたみパネルのタブタグに追加します。
<div id="CollapsiblePanel1" class="CollapsiblePanel"> <div class="CollapsiblePanelTab" tabIndex="0">Tab</div> <div class="CollapsiblePanelContent">Content</div> </div>
tabIndex 属性の値がゼロ (0) の場合、ブラウザで順序が決定されます。 tabIndex 属性の値が正の整数の場合、その順序値が使用されます。
キーボードによる操作を有効にするには、タブコンテンツを a タグで囲みます。
注意： div タグでの tabIndex の使用は XHTML 1.0 に準拠していません。