アクセシビリティに考慮したモーダルを作るというか写経した。

僕もフォローさせていただいてるICSの池田さんが以下のようなツイートをしていた。 フロントエンドエンジニアのスキルは、モーダルの実装を見ると判断しやすい。 ・HTML構造とCSS設計: z-index地獄の対策 ・JSでのデータの受け渡しが合理的か ・アニメーションの気配りができるか ・アクセシビリティ: フォーカス制御など ・拡張性: 複数のモーダル表示が可能か https://t.co/flsord4TK1 — 池田 泰延 (@clockmaker) March 10, 2020 なるほど！自分が前職の受託時代にjQueryで、結構モーダルを作っていて純粋なJavaScriptで実装したことないし（Vueでは作ったことある）アクセシビリティを考慮したモーダルも要件としてなかったことが多く、あまり作ったことがないなーと思ったので作ってみた。 アクセシビリティに考慮？？ ツイートにもあるが