2.0のレベルAAをサポートしているアクセシビリティに優れたモーダルウィンドウを実装することができるjQueryプラグインです。フォーカス切り替えやキーボードコントロールなど非常に使いやすく、そして見やすいデザインになっています。ハイクオリティなモーダルウィンドウを実装したい方は要チェックですね。Modaal以下はModaalの実際のデモページになります。MODAALというボタンをクリックすることでモーダルウィンドウが開かれます。フルスクリーンモード、Ajax、イメージギャラリー、動画、iFrame、インスタグラムなどといったコンテンツを表示させるさまざまなモーダルウィンドウのデモが用意されています。したデザインがとても見やすく、それでいて操作性にも優れているのが魅力的です。表示させるコンテンツのタイプ(type)はオプションで指定します。値には以下のものがあります。ajaxinlineimageiframeconfirmvideoinstagramまた、ほかにもアニメーションの有無(fadeかnone)やアニメーションスピードの設定、背景カラー、オーバーレイの透明度、フルスクリーン、幅、高さなどといったさまざまなオプションが用意されています。ユーザビリティ向上にも役立つアクセシビリティに優れたモーダルウィンドウを取り入れたい方は、ぜひチェックしてみてください。Modaalのダウンロードや詳しい使い方は以下からどうぞ。feedlyに登録するとbl6.jpの最新記事をいち早く受け取ることができます。