ウェブアクセシビリティ支援
アクセシビリティに対応した開閉UIです。
デバイスによって表示変更、キーボード操作・スクリーンリーダーに対応しています。
アコーディオンの設定
スライダーの外枠にdata-ac属性を追加します。
data-ac属性には、識別用のラベルを指定します。
使用例: data-ac="acc1"
オプションを指定したい場合は、このdata-ac属性を持つタグにオプションを追加します。
トリガーの設定
トリガー要素にdata-ac-marks属性を追加します。
コンテンツの設定
コンテンツ要素にdata-ac-body属性を追加します。
data-ac-device
説明: アコーディオンが動作するデバイス（画面幅）を指定します。
使用例: data-ac-device="pc"
値: 'all', 'sp', 'pc'（例: spはSP幅のみ動作）
開閉時は次のクラスが付与されます。
.is-ac-active
[2024-06-28] 1.0.0
-NEW: 初期リリース
