Dialog

キーボード操作

アクセシビリティの注意点

• showModal() で開くと、ダイアログに role="dialog" とモーダルのセマンティクスが与えられ、ページのほかの部分は操作できなくなります。
• タイトルと説明は生成された id で関連付けられるため、ダイアログが開くとスクリーンリーダーは両方を読み上げます。
• 最初のフォーカスは autofocus を持つ要素に、なければ最初のフォーカス可能な要素に移ります。破壊的な操作の確認では、安全な選択肢に autofocus を付けてください。
• ダイアログが閉じると、フォーカスはダイアログを開いた要素に戻ります。
• ユーザーの操作がないまま Esc キーが繰り返し押されると、閉じ方を限定したダイアログでもブラウザーが閉じることがあります。必ず明示的な閉じる手段を用意してください。