Tương tác bằng bàn phím
| Phím | Hành động |
|---|---|
| Tab | Chuyển focus đến phần tử tiếp theo trong hộp thoại. |
| Shift + Tab | Chuyển focus về phần tử trước đó trong hộp thoại. |
| Esc | Đóng hộp thoại, trừ khi hộp thoại được đặt là không thể đóng tùy ý. |
Ghi chú về khả năng tiếp cận
- Mở bằng
showModal()sẽ cho hộp thoạirole="dialog"và ngữ nghĩa modal, đồng thời khiến phần còn lại của trang không thể tương tác. - Tiêu đề và mô tả được liên kết qua id tự sinh, nên trình đọc màn hình sẽ đọc cả hai khi hộp thoại mở.
- Focus ban đầu chuyển đến phần tử có
autofocus, hoặc phần tử đầu tiên có thể nhận focus. Với hộp thoại xác nhận hành động mang tính phá hủy, hãy đặtautofocusvào lựa chọn an toàn. - Khi hộp thoại đóng, focus quay về phần tử đã mở nó.
- Trình duyệt vẫn có thể đóng hộp thoại không thể đóng tùy ý nếu Esc được nhấn nhiều lần mà người dùng không có tương tác nào khác, vì vậy hãy luôn cung cấp một lối thoát rõ ràng.