键盘交互

按键操作
Enter 或空格键在触发器上:打开菜单并定位到第一项。在菜单项上:选择该项,或打开它的子菜单。
向下箭头键在触发器上:打开菜单并定位到第一项。在菜单中:移到下一项。
向上箭头键在触发器上:打开菜单并定位到最后一项。在菜单中:移到上一项。
Home / End移到第一项或最后一项。
向右箭头键打开子菜单并移到其第一项(在从右到左的文本中为向左箭头键)。
向左箭头键关闭子菜单并返回其父菜单项(在从右到左的文本中为向右箭头键)。
Esc关闭菜单,并将焦点返回触发器。
字母键移到下一个标签以所输入文本开头的菜单项。

无障碍说明

  • 触发器会获得 aria-haspopuparia-expandedaria-controls;菜单及其菜单项的 ARIA 角色由 Angular Aria 设置。
  • 高亮的菜单项使用实色填充,文本对比度至少为 4.5:1,同时兼作焦点指示器。在强制颜色模式下,它会显示系统高亮色的轮廓。
  • 可勾选的菜单项通过 aria-checked 播报其状态。
  • 选择菜单项后,菜单会关闭,焦点返回触发器。焦点移出触发器和菜单时,菜单也会关闭。
  • 菜单项高度至少为 28 像素,超过 WCAG 2.2 的最小目标尺寸。