鍵盤互動
| 按鍵 | 動作 |
|---|---|
| 向下 / 向上鍵 | 開啟清單,然後在選項之間移動。 |
| 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。