鍵盤互動

按鍵動作
Enter 或空白鍵在觸發元素上:開啟選單並移到第一個項目。在項目上:選取該項目,或開啟它的子選單。
向下鍵在觸發元素上:開啟選單並移到第一個項目。在選單中:移到下一個項目。
向上鍵在觸發元素上:開啟選單並移到最後一個項目。在選單中:移到上一個項目。
Home / End移到第一個或最後一個項目。
向右鍵開啟子選單並移到它的第一個項目(在由右至左的文字中為向左鍵)。
向左鍵關閉子選單並返回上層項目(在由右至左的文字中為向右鍵)。
Esc關閉選單,並將焦點移回觸發元素。
字母鍵移到下一個標籤以所輸入文字開頭的項目。

無障礙說明

  • 觸發元素會加上 aria-haspopuparia-expandedaria-controls;選單及其項目的 ARIA 角色由 Angular Aria 設定。
  • 醒目提示的項目使用實色填滿,文字對比度至少為 4.5:1,同時兼作焦點指示器。在強制色彩模式下,它會顯示系統醒目提示色的外框。
  • 可勾選的項目會透過 aria-checked 朗讀其狀態。
  • 選取項目後,選單會關閉,焦點回到觸發元素。焦點移出觸發元素和選單時,選單也會關閉。
  • 項目高度至少為 28 像素,超過 WCAG 2.2 的最小目標尺寸。