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

<https://www.fixreports.com/zh/issues/svg-img-alt>

WCAG 1.1.1 非文本内容 · A 级

某个传达信息的 SVG 图片没有文本替代内容。

## 此规则检查什么
确保有 img、graphics-document 或 graphics-symbol 角色的 <svg> 元素有可访问文本.

## 为什么重要
WCAG 1.1.1 要求有意义的图片提供文本替代内容。

## 如何修复
### 在任何网站上
1. 为有意义的 SVG 添加 aria-label 或 <title> 元素，为纯装饰性的 SVG 添加 aria-hidden="true"。

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

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

## 如何检查修复效果
- 重新扫描受影响的页面。

## 资料来源
- axe-core 规则文档（Deque）: https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- 理解 WCAG 1.1.1（W3C）: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content