键盘交互
| 按键 | 操作 |
|---|---|
| 向下 / 向上箭头键 | 打开列表，然后在选项之间移动。 |
| 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。