使用ARIA role="none"移除通用元素无障碍树节点是否合规？

操作合规性结论 #

给<div>、自定义标签这类无隐含语义的通用元素添加role="none"属性，将其从无障碍树中移除的操作完全符合WAI-ARIA官方规范。

规则说明 #

role="none"（和它的同义属性role="presentation"）的设计目的就是消除元素本身的语义角色，刚好适配这类通用容器的特性：

• <div>、<span>这类原生通用容器本身就没有任何隐含的可访问性语义，添加role="none"属于显式声明其无角色属性，不会和原生语义产生冲突
• 自定义标签（如示例中的<custom-tag>）默认不会被浏览器赋予标准语义，添加role="none"相当于明确告知屏幕阅读器等辅助技术，无需将该标签作为独立节点纳入无障碍树，避免部分浏览器对未知标签做异常的语义识别。你给出的代码写法本身是完全合规的：

<custom-tag role="none"><...></custom-tag>

注意事项 #

使用时要注意两个边界规则，避免误用影响可访问性：

• 仅无隐含语义的元素适用：如果是<button>、<h2>、<a>这类自带固定原生语义的元素，除非你完全确认要抹除它的原生可访问性角色，否则不要随意添加role="none"
• 该属性只会移除元素本身的语义，不会影响内部子元素的可访问性：子元素的语义、交互属性都会正常被辅助设备识别，如果你需要连带内部内容一起从无障碍树中隐藏，应该使用aria-hidden="true"属性

内容的提问来源于stack exchange，提问作者Valentina D'Angelo