按钮内装饰性<svg>是否需要添加aria-hidden属性？

需要给这个按钮里的装饰性SVG添加aria-hidden="true"属性，不能依赖屏幕阅读器自动忽略。

原因如下：

• 不同屏幕阅读器对无标题/描述的SVG处理逻辑不一致，有些会读取SVG的结构或use引用的元素信息，产生多余的朗读内容，干扰用户获取按钮核心文本“Start”的信息。
• 装饰性图标本身没有语义价值，手动添加aria-hidden="true"是跨阅读器兼容的稳妥方案，能确保所有辅助技术都跳过这个SVG，只聚焦按钮的可操作核心内容。

修改后的代码示例：

<button>
    <svg width="1em" class="inline" aria-hidden="true"><use href="#start-icon"></use></svg>
    Start
</button>

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