Tương tác bằng bàn phím
| Phím | Hành động |
|---|---|
| Enter hoặc Phím cách | Trên trigger: mở menu ở mục đầu tiên. Trên một mục: chọn mục đó, hoặc mở menu con của nó. |
| Mũi tên xuống | Trên trigger: mở menu ở mục đầu tiên. Trong menu: chuyển đến mục tiếp theo. |
| Mũi tên lên | Trên trigger: mở menu ở mục cuối cùng. Trong menu: chuyển đến mục trước đó. |
| Home và End | Chuyển đến mục đầu tiên hoặc cuối cùng. |
| Mũi tên phải | Mở menu con và chuyển đến mục đầu tiên của nó (mũi tên trái với văn bản viết từ phải sang trái). |
| Mũi tên trái | Đóng menu con và quay về mục cha (mũi tên phải với văn bản viết từ phải sang trái). |
| Esc | Đóng menu và trả focus về trigger. |
| Chữ cái | Chuyển đến mục tiếp theo có nhãn bắt đầu bằng văn bản vừa gõ. |
Ghi chú về khả năng tiếp cận
- Trigger nhận
aria-haspopup,aria-expandedvàaria-controls; menu và các mục của nó nhận vai trò ARIA từ Angular Aria. - Mục đang được làm nổi bật dùng nền đặc với độ tương phản văn bản tối thiểu 4,5:1, đồng thời đóng vai trò chỉ báo focus. Ở chế độ forced colors, mục này có đường viền highlight của hệ thống.
- Các mục có thể đánh dấu thông báo trạng thái qua
aria-checked. - Chọn một mục sẽ đóng menu và trả focus về trigger. Chuyển focus ra ngoài trigger và menu cũng sẽ đóng menu.
- Các mục cao ít nhất 28 pixel, vượt kích thước vùng nhấn tối thiểu của WCAG 2.2.