有 img 角色的 <svg> 元素必须有一个替代文本

此规则检查什么

确保有 img、graphics-document 或 graphics-symbol 角色的 <svg> 元素有可访问文本.

为什么重要

WCAG 1.1.1 要求有意义的图片提供文本替代内容。

如何修复

1. 为有意义的 SVG 添加 aria-label 或 <title> 元素，为纯装饰性的 SVG 添加 aria-hidden="true"。

如何检查修复效果

• 重新扫描受影响的页面。

FixReports 如何发现此问题

我们的扫描会在真实的 Chrome 浏览器中，对所测的每个页面运行 axe-core 规则 svg-img-alt，并报告每个未通过的元素及其所在页面、标记代码，以及适用时的截图。

自动化测试可以确认这个具体问题确实存在，但无法判断页面的其余部分是否无障碍：有些障碍只有在人工检查页面时才会显现。