確認や補助入力に使うモーダルについて、見た目だけでなくキーボード操作と読み上げにも配慮した実装例です。開いたときに適切な要素へフォーカスを移し、閉じた後は元の操作位置へ戻します。
背景へフォーカスが移動しないよう制御し、Escキーで閉じる動作も用意します。ただし重要な確認では、誤って閉じてもデータが失われない設計を優先します。
Reactの状態管理とdialog要素または信頼できるUIライブラリを利用する想定です。独自実装ではフォーカス制御やスクロール固定の不具合が起きやすいため、テストを重視します。