website-template
website-template copied to clipboard
Change: モーダルをMicromodal.jsに変更する
Micromodal.jsはアクセシビリティに考慮したモーダルライブラリ。 https://github.com/Ghosh/micromodal
a11y-dialogと同様の機能がある。
a11y-dialogと比べた時のメリット。
- あるid属性の兄弟要素としてモーダルを指定する必要がない
- ドキュメントクリックでモーダルが閉じる
ファイルサイズも、Micromodal.jsが5.6KB、a11y-dialogが4.5KBと、ほとんど誤差の範囲。