NO IMAGE

JavaScript

WAI ARIAに準拠したアクセシブルなアコーディオン「ARIA ACCORDION」

ARIA ACCORDIONは、WAI ARIA 1.1に準拠したアクセシブルなアコーディオンを実装することができるjQueryプラグインです。圧縮版で5KB程とファイル容量も軽量で、カスタマイズ性にも優れています。

SASS・SCSSファイルも用意

ARIA ACCORDION

デモでは垂直型のアコーディオンが2つ(グループ1とグループ2)設置されています。タイトル部分をクリックするとコンテンツが表示される仕組みです。

新しいコンテンツが開かれると、現在開かれているコンテンツが同時に閉じられます。操作性も簡単でとても見やすいアコーディオンです。

シンプルで素早くUIをカスタマイズするための、SASS・SCSSファイルも用意されているほか、多彩なオプション設定も可能です。

主なオプション項目は、accGroupClass、accClass、accHeadClass、accHeadingClass、accBtnClass、accCollapseClass、accContentClass、accExpandedClass、accBtnExpandedClass、accCollapseExpandedClass、accContentRole、fadeSpeed、expandOnPageLoad、expandOnlyOne、keyInteractionなどがあります。

アコーディオングループの設定やフェードスピードの調節など、細かいセッティングをオプションから手軽にカスタマイズ可能です。

というわけで、WAI ARIA準拠のアクセシブルなアコーディオンを実装したいという人は、ぜひ「ARIA ACCORDION」を活用されてみてはいかがでしょうか? ライセンスはMITとのこと。

関連記事

  1. no-image

    JavaScript

    固定されたフローティングメニューを実装できる「jquery-dice-menu」

    jquery-dice-menuは、固定されたシンプルなフローティング…

  2. Sticky Sidebar

    JavaScript

    スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

    Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サ…

  3. no-image

    JavaScript

    円形に飛び出すメニューを実装できる「ggExpandableOptions」

    ggExpandableOptionsは円形に飛び出すメニューを実装で…

  4. no-image

    JavaScript

    スタイリッシュなスライダーを実装できるjQueryプラグイン「bsc-slider」

    bsc-sliderは、シンプルでスタイリッシュなスライダーを実装する…

  5. jquery-backToTop

    JavaScript

    カスタマイズ性に優れたトップへ戻るボタンを実装できる「jquery-backToTop」

    jquery-backToTopはカスタマイズ性に優れた「トップへ戻る…

  6. CSS Jquery Pie Countdown Timer

    JavaScript

    グラデーションが美しい円形カウントダウン「CSS Jquery Pie Countdown Time…

    円形によるカウントダウンのタイマーを実装する「CSS Jquery P…

最近の記事

  1. M360bt
  2. BQ-CASE/1

アーカイブ

PAGE TOP