การใช้งานด้วยคีย์บอร์ด
| ปุ่ม | การทำงาน |
|---|---|
| Tab | ย้ายโฟกัสไปยังเอลิเมนต์ถัดไปภายในไดอะล็อก |
| Shift + Tab | ย้ายโฟกัสไปยังเอลิเมนต์ก่อนหน้าภายในไดอะล็อก |
| Esc | ปิดไดอะล็อก เว้นแต่ไดอะล็อกถูกตั้งให้ปิดทิ้งไม่ได้ |
หมายเหตุด้านการเข้าถึง
- การเปิดด้วย
showModal()ทำให้ไดอะล็อกมีrole="dialog"และ semantics แบบโมดัล และทำให้ส่วนอื่นของหน้าเว็บใช้งานไม่ได้ - หัวเรื่องและคำอธิบายเชื่อมกับไดอะล็อกด้วย id ที่สร้างขึ้นอัตโนมัติ โปรแกรมอ่านหน้าจอจึงอ่านทั้งสองอย่างเมื่อไดอะล็อกเปิด
- โฟกัสแรกจะไปที่เอลิเมนต์ที่มี
autofocusหรือเอลิเมนต์แรกที่รับโฟกัสได้ ในการยืนยันก่อนลบหรือทำลายข้อมูล ให้ใส่autofocusที่ตัวเลือกที่ปลอดภัย - เมื่อไดอะล็อกปิด โฟกัสจะกลับไปที่เอลิเมนต์ที่เปิดไดอะล็อก
- เบราว์เซอร์อาจยังปิดไดอะล็อกที่ตั้งให้ปิดทิ้งไม่ได้ หากมีการกด Esc ซ้ำหลายครั้งโดยผู้ใช้ไม่ได้โต้ตอบอย่างอื่น จึงควรมีทางออกที่ชัดเจนให้เสมอ