[JS]アクセシブルなパネルを開閉するスクリプト -jQueryFAQ

スクリプトオフやスクリーンリーダーでも情報入手に支障がないように設計された、アクセシブルなパネルを開閉するスクリプト「jQueryFAQ」をCSS Tricksから紹介します。

デモのキャプチャ

Dynamic FAQ Page
demo

デモでは、Q&A形式のパネルがdl要素で実装されており、それぞれのパネルは「answer」をクリックするとスムーズに開閉します。

スクリプトのオフ時、スクリーンリーダーの使用時にも情報入手には支障がないように設計されています。

jQueryFAQはjQueryのプラグインのため、実装にはjquery.jsが必要です。

Q&AなのにFAQなのは、気になるところです。

sponsors

top of page

©2018 coliss