キーボードによる操作の有効化
キーボードによる操作で Widget にアクセスできるようにすることは、すべての Widget にとって重要です。 キーボードによる操作では、ユーザーは矢印キーおよびカスタムキーを使用して Widget を制御できます。
キーボードによる操作の基礎は tabIndex 属性です。 この属性は、ドキュメント内を移動する方法をブラウザに指示します。
アコーディオンでキーボードによる操作を有効にするには、次のように TabIndex 値をアコーディオンのコンテナタグに追加します。
<div id="Acc1" class="Accordion" tabIndex="0">
tabIndex 属性の値がゼロ (0) の場合、ブラウザで順序が決定されます。 tabIndex 属性の値が正の整数の場合、その順序値が使用されます。
注意： div タグでの tabIndex の使用は XHTML 1.0 に準拠していません。
キーボードによる操作用のカスタムキーを設定することもできます。 カスタムキーは、アコーディオンコンストラクタスクリプトのパラメータとして設定されます。
<script type="text/javascript">
var acc3= new Spry.Widget.Accordion("Acc3", { nextPanelKeyCode: 78 /* n key */, previousPanelKeyCode: 80 /* p key */ });
</script>