鍵盤互動
| 按鍵 | 動作 |
|---|---|
| Tab | 將焦點移到對話框內的下一個元素。 |
| Shift + Tab | 將焦點移到對話框內的上一個元素。 |
| Esc | 關閉對話框，除非它被設為不可隨意關閉。 |
無障礙說明
- 透過
showModal()開啟時，對話框會取得role="dialog"和強制回應語意，頁面的其餘部分則會變得無法互動。 - 標題和描述透過自動產生的 id 與對話框建立關聯，因此螢幕閱讀器會在對話框開啟時一併朗讀兩者。
- 初始焦點會落在帶有
autofocus的元素上；如果沒有，則落在第一個可取得焦點的元素上。確認破壞性操作時，請把autofocus放在安全選項上。 - 對話框關閉後，焦點會回到開啟它的元素上。
- 在沒有其他使用者互動的情況下重複按 Esc 鍵，瀏覽器仍可能關閉不可隨意關閉的對話框，因此請一律提供明確的退出方式。