https://web.dev/building-a-dialog-component/

<dialog>要素を使ったダイアログの作成とアクセシビリティについての記事。 ダイアログ表示とユーザー入力を無視するinert属性、autofocus属性、ESCキーでの非表示。 <dialog>要素のスタイル、Header/Footerのデザイン、overscroll-behaviorでのbody scroll lock、JavaScriptとの連携方法について