div製のモバイルメニューをdialogへ置き換えてフォーカス制御を減らす

モバイルメニューをdialog要素とshowModal()で実装し、フォーカス移動・Escapeキー・背景操作禁止などの制御をブラウザに任せる手法。CSS・JavaScriptコード例を示す。

WAI-ARIA, キーボード操作