この記事を書いた人 もなか30歳を過ぎてからプログラミングの勉強を独学で始め、現在コーダー3年目。毎日JavaScriptについて勉強中。趣味はパンを焼くこと。2人の男の子のママ。 アクセシビリティのことも考えると、作成が難しいUIがモーダルです。Twitterなどでは「無理に自作せずライブラリに頼ったほうがいい」という声を見かけることが多くなりました。 そこで今回はかんたんにアクセシビリティ対応のモーダルウインドウが実装できる、jQuery非依存の超軽量ライブラリ「Micromodal.js」について詳しく解説します! 特徴やできること、動く仕組みや各オプション、動かない場合のトラブルシューティングなどを網羅的に紹介します。 Micromodal.jsを使ってみようかな…と考えていた方は必見!ぜひ最後までご覧くださいね。 モーダルとはモーダルウィンドウとは、操作が完了するまで親ウィンドウ
![【超最新版】Micromodal.jsの使い方やモーダルUIの実装方法を徹底解説! - PENGIN BLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/302d06ea5cf63fbbd1b12e83a3427873f1ffdfd2/height=288;version=1;width=512/https%3A%2F%2Fpengi-n.co.jp%2Fblog%2Fwp-content%2Fuploads%2F2022%2F08%2Fplugin-micromodal.png)