键盘交互
| 按键 | 操作 |
|---|---|
| Enter 或空格键 | 在触发器上:打开菜单并定位到第一项。在菜单项上:选择该项,或打开它的子菜单。 |
| 向下箭头键 | 在触发器上:打开菜单并定位到第一项。在菜单中:移到下一项。 |
| 向上箭头键 | 在触发器上:打开菜单并定位到最后一项。在菜单中:移到上一项。 |
| Home / End | 移到第一项或最后一项。 |
| 向右箭头键 | 打开子菜单并移到其第一项(在从右到左的文本中为向左箭头键)。 |
| 向左箭头键 | 关闭子菜单并返回其父菜单项(在从右到左的文本中为向右箭头键)。 |
| Esc | 关闭菜单,并将焦点返回触发器。 |
| 字母键 | 移到下一个标签以所输入文本开头的菜单项。 |
无障碍说明
- 触发器会获得
aria-haspopup、aria-expanded和aria-controls;菜单及其菜单项的 ARIA 角色由 Angular Aria 设置。 - 高亮的菜单项使用实色填充,文本对比度至少为 4.5:1,同时兼作焦点指示器。在强制颜色模式下,它会显示系统高亮色的轮廓。
- 可勾选的菜单项通过
aria-checked播报其状态。 - 选择菜单项后,菜单会关闭,焦点返回触发器。焦点移出触发器和菜单时,菜单也会关闭。
- 菜单项高度至少为 28 像素,超过 WCAG 2.2 的最小目标尺寸。