鍵盤互動

按鍵動作
向下 / 向上鍵開啟清單,然後在選項之間移動。
Home / End跳到第一個或最後一個選項。
Page Down / Page Up一次移動十個選項。
Enter 或空白鍵開啟清單,或選取醒目提示的選項。
字母鍵跳到下一個以這些字母開頭的選項。
向右 / 向左鍵在樹狀結構中,展開選項或移到它的第一個子項目;收合選項或移到它的上層項目。在由右至左的文字中左右方向相反。
Alt + 向上鍵選取醒目提示的選項並關閉清單。
Tab單選時,選取醒目提示的選項並移到下一個元素。
Esc不做選取,直接關閉清單。

無障礙說明

  • 按鈕是僅供選取的 combobox,帶有 aria-expanded 和 aria-controls。焦點會留在按鈕上,aria-activedescendant 會指向醒目提示的選項。
  • 清單是一個 listbox,或是帶有 aria-level 和 aria-expanded 的 tree。即使只渲染部分的列,aria-setsize 和 aria-posinset 仍會保持正確。
  • 醒目提示的選項使用實色填滿,在強制色彩模式下還會顯示外框。
  • 請用指向 triggerId 的 <label for> 為它命名,或使用 label。