Modal Dialog Example

This is just a demonstration. If it were a real application, it would provide a message telling whether the entered address is valid. For demonstration purposes, this dialog has a lot of text. It demonstrates a scenario where: The first interactive element, the help link, is at the bottom of the dialog. If focus is placed on the first interactive element when the dialog opens, the validation messa

[ginpei]

アクセシブルなダイアログの作り方。初期フォーカスは、OKボタンが主ならそれ、フォームのようなものは最初の操作対象に。長いダイアログでは最初の段落に説明を置きtabindex="-1"にして初期フォーカスを与えるのが良い。

[inouetakuya]

なるほど、aria-modal="true" にすれば、モーダル以外を aria-hidden="true" にしなくてよいのか