[JS]jQueryで実装するアクセシブルでフレキシブルなタブ
Post on:2009年3月3日
アクセシブルでフレキシブルなタブを実装するスクリプトをweb outputから紹介します。
![デモのキャプチャ](/wp-content/uploads-2009/2009030304.png)
jQuery Accessible Tabs - How to make tabs REALLY accessible
demo
スクリーンリーダー、スクリプトオフ時の対応をはじめ、タブ箇所の充分なホットスポット、アクティブなタブのハイライト、a href="#"の不使用、キーボードでの操作などを配慮して実装したとのことです。
オプションでは、タブに使用する要素やクラス名、パネル表示のモーション、スピードなどを設定できます。
デモは他に、YAMLを使用したものも公開されています。
![デモのキャプチャ](/wp-content/uploads-2009/2009030305.png)
sponsors