การใช้งานด้วยคีย์บอร์ด
| ปุ่ม | การทำงาน |
|---|---|
| Enter หรือ Spacebar | ที่ทริกเกอร์: เปิดเมนูที่รายการแรก ที่รายการ: เลือกรายการนั้น หรือเปิดเมนูย่อย |
| ลูกศรลง | ที่ทริกเกอร์: เปิดเมนูที่รายการแรก ในเมนู: ไปยังรายการถัดไป |
| ลูกศรขึ้น | ที่ทริกเกอร์: เปิดเมนูที่รายการสุดท้าย ในเมนู: ไปยังรายการก่อนหน้า |
| Home และ End | ไปยังรายการแรกหรือรายการสุดท้าย |
| ลูกศรขวา | เปิดเมนูย่อยและไปยังรายการแรกของเมนูนั้น (ใช้ลูกศรซ้ายในข้อความที่เขียนจากขวาไปซ้าย) |
| ลูกศรซ้าย | ปิดเมนูย่อยและกลับไปที่รายการแม่ (ใช้ลูกศรขวาในข้อความที่เขียนจากขวาไปซ้าย) |
| Esc | ปิดเมนูและคืนโฟกัสไปที่ทริกเกอร์ |
| ตัวอักษร | ไปยังรายการถัดไปที่ป้ายกำกับขึ้นต้นด้วยข้อความที่พิมพ์ |
หมายเหตุด้านการเข้าถึง
- ทริกเกอร์จะได้รับ
aria-haspopuparia-expandedและaria-controlsส่วนเมนูและรายการจะได้รับ role ของ ARIA จาก Angular Aria - รายการที่ไฮไลต์ใช้พื้นสีทึบที่มีคอนทราสต์ของข้อความอย่างน้อย 4.5:1 และทำหน้าที่เป็นตัวบ่งชี้โฟกัสไปด้วย ในโหมด forced colors รายการนี้จะได้รับเส้น outline ไฮไลต์ของระบบ
- รายการที่ติ๊กเลือกได้จะประกาศสถานะผ่าน
aria-checked - การเลือกรายการจะปิดเมนูและคืนโฟกัสไปที่ทริกเกอร์ การย้ายโฟกัสออกนอกทริกเกอร์และเมนูก็จะปิดเมนูเช่นกัน
- รายการสูงอย่างน้อย 28 พิกเซล ซึ่งเกินขนาดพื้นที่กดขั้นต่ำของ WCAG 2.2