鍵盤互動
| 按鍵 | 動作 |
|---|---|
| Enter 或空白鍵 | 在觸發元素上:開啟選單並移到第一個項目。在項目上:選取該項目,或開啟它的子選單。 |
| 向下鍵 | 在觸發元素上:開啟選單並移到第一個項目。在選單中:移到下一個項目。 |
| 向上鍵 | 在觸發元素上:開啟選單並移到最後一個項目。在選單中:移到上一個項目。 |
| Home / End | 移到第一個或最後一個項目。 |
| 向右鍵 | 開啟子選單並移到它的第一個項目(在由右至左的文字中為向左鍵)。 |
| 向左鍵 | 關閉子選單並返回上層項目(在由右至左的文字中為向右鍵)。 |
| Esc | 關閉選單,並將焦點移回觸發元素。 |
| 字母鍵 | 移到下一個標籤以所輸入文字開頭的項目。 |
無障礙說明
- 觸發元素會加上
aria-haspopup、aria-expanded和aria-controls;選單及其項目的 ARIA 角色由 Angular Aria 設定。 - 醒目提示的項目使用實色填滿,文字對比度至少為 4.5:1,同時兼作焦點指示器。在強制色彩模式下,它會顯示系統醒目提示色的外框。
- 可勾選的項目會透過
aria-checked朗讀其狀態。 - 選取項目後,選單會關閉,焦點回到觸發元素。焦點移出觸發元素和選單時,選單也會關閉。
- 項目高度至少為 28 像素,超過 WCAG 2.2 的最小目標尺寸。