ARIA中menuitemradio与radio角色的区别及使用场景确认

核心差异：场景绑定，功能同源 #

两者本质都是单选交互控件，但各自有严格的父容器要求，属于为不同UI场景设计的语义化角色：

• menuitemradio：必须作为 <menu> 或带有 role="menu" 的容器的子元素，用于菜单（比如右键菜单、应用顶部下拉菜单）里的单选选项。它和 menuitem、menuitemcheckbox 属于同一套菜单交互体系，父容器通常搭配 role="menubar" 或直接使用 menu 标签。
• radio：必须放在带有 role="radiogroup" 的容器内（或原生 <fieldset> 搭配 <legend> 的语义化表单结构），用于表单区域的单选组，属于表单控件体系的一部分。

radio 能否用于 menu 类容器？ #

不建议这么做。从无障碍语义和规范来看，radio 属于表单控件体系，而 menu 容器是为菜单交互场景设计的，两者分属不同的交互逻辑体系。如果在 menu 里使用 radio，会导致屏幕阅读器等辅助识别设备出现混乱——辅助技术会预期菜单内的控件是菜单类角色（如 menuitem、menuitemradio），而非表单 radio，进而干扰用户的操作逻辑和无障碍体验。

如果需要在菜单场景实现单选功能，应当统一使用 menuitemradio，必要时可搭配 role="menugroup" 来分组菜单内的选项。

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