スクリプトオフやスクリーンリーダーでも情報入手に支障がないように設計された、アクセシブルなパネルを開閉するスクリプト「jQueryFAQ」をCSS Tricksから紹介します。
デモでは、Q&A形式のパネルがdl要素で実装されており、それぞれのパネルは「answer」をクリックするとスムーズに開閉します。
スクリプトのオフ時、スクリーンリーダーの使用時にも情報入手には支障がないように設計されています。
jQueryFAQはjQueryのプラグインのため、実装にはjquery.jsが必要です。
Q&AなのにFAQなのは、気になるところです。
Post on:2009年1月6日
