ClickIt.js

モーダルポップアップ

シンプルなモーダルポップアップのサンプルです。

delay

インスタンスを作成する際にdelayプロパティに数値を指定すると、ミリ秒分だけARIA属性の変更を待機します。

待機中は、展開する要素に.js-clickit-openingまたは.js-clickit-closeingクラスが付与され、CSSアニメーションを補助します。また、待機中に連続クリックをしてもイベントを起こさないよう防止します。

delayプロパティの初期値は0です（いきなり開閉します）。

mode

インスタンスを作成する際にmodeプロパティにpopupを指定すると、ポップアップとして扱い、トリガーに望ましいと思われるWAI-ARIA属性を付与します。

modalを指定すると、モーダルとして扱い、モーダルが展開されている間、スクリーンリーダーがモーダル以外を無視するよう、望ましいと思われるWAI-ARIA属性を付与します。

tabを指定すると、タブとして扱い、各トリガーに望ましいと思われるWAI-ARIA属性を付与します。