非Windows风格菜单栏的操作按钮组是否适用menu ARIA角色？

别用menu/menuitem角色 #

这俩角色是专为带下拉/子菜单的导航式菜单系统设计的，核心要求支持复杂键盘导航逻辑（比如上下箭头切换选项、Esc关闭菜单等）。你的按钮组只是单个列表项的独立操作，既无层级菜单结构，也不需要复杂键盘交互，硬套这俩角色会给辅助技术用户传递错误语义——他们会误以为这是可展开的菜单，反而造成困惑，还得额外实现一堆没必要的键盘事件，完全得不偿失。

别用region角色 #

region是用来标记页面中独立的、具有重要语义的大块区域（比如文章正文、侧边栏），你的按钮组属于单个列表项的附属操作，不是独立的页面区域，用region会过度标记，干扰辅助技术对页面结构的正确识别。

正确的实现方式 #

直接用原生<button>元素，搭配简单的分组标记即可：

• 用<div role="group">包裹按钮组，同时添加aria-label说明组的用途，比如aria-label="列表项操作"，这样辅助技术能明确这组按钮的作用；
• 保持按钮为原生<button>，不要用div或span模拟——原生按钮自带Tab聚焦、回车/空格触发的键盘可访问性，不需要额外配置。

示例代码：

<div role="group" aria-label="列表项操作">
  <button>Move</button>
  <button>Copy</button>
  <button>Delete</button>
</div>

如果按钮组样式需要更紧凑的布局，也可以用<span>代替<div>，核心是保留role="group"和aria-label的语义标记，同时确保每个操作都是原生按钮。

内容的提问来源于stack exchange，提问作者Brendan