การใช้งานด้วยคีย์บอร์ด
| ปุ่ม | การทำงาน |
|---|---|
| Enter หรือ Spacebar ที่ทริกเกอร์ | เปิดหรือปิด Popover |
| Tab | เข้าไปใน Popover ที่เปิดอยู่ ซึ่งอยู่ต่อจากทริกเกอร์ทันที |
| Esc | ปิด Popover และคืนโฟกัสไปที่ทริกเกอร์ หรือซ่อน Hovercard |
หมายเหตุด้านการเข้าถึง
- Popover เป็น
dialogที่ไม่ใช่โมดัล ตั้งชื่อด้วยaria-labelหรือaria-labelledbyทริกเกอร์จะได้รับaria-haspopupและaria-expandedที่เบราว์เซอร์จัดการให้ - Hovercard เป็น
tooltipและเป็นaria-describedbyของทริกเกอร์ ข้อความจึงถูกอ่านพร้อมกับทริกเกอร์ อย่าใส่ตัวควบคุมไว้ข้างใน หากต้องการตัวควบคุมให้ใช้ Popover แทน - Hovercard เป็นไปตาม WCAG 1.4.13 กด Esc เพื่อซ่อนได้โดยไม่ย้ายโฟกัส เลื่อนตัวชี้ไปบนการ์ดได้ และการ์ดจะแสดงอยู่ตลอดขณะที่ชี้เมาส์หรือโฟกัสอยู่