# 表单元素必须有标签

<https://www.fixreports.com/zh/issues/label>

WCAG 4.1.2 名称、角色、值 · A 级

部分表单字段没有标签，屏幕阅读器用户不知道应该输入什么。

## 此规则检查什么
确保每个表单元素都有标签.

## 为什么重要
WCAG 1.3.1、3.3.2 和 4.1.2 要求表单字段具有标签。新闻通讯订阅和搜索字段是常见的问题来源。

## 如何修复
### 在任何网站上
1. 为每个字段添加 <label for="field-id"> 元素，至少也要添加 aria-label。
2. 仅有占位符文字不能算作标签。

### 在 Shopify 上
1. 为每个字段添加 <label for="field-id"> 元素，至少也要添加 aria-label。
2. 仅有占位符文字不能算作标签。

### 在 WooCommerce 和 WordPress 上
1. 为每个字段添加 <label for="field-id"> 元素，至少也要添加 aria-label。
2. 仅有占位符文字不能算作标签。

## 如何检查修复效果
- 重新扫描，确认 label 规则不再未通过。
- 点击每个标签，检查它是否会让对应字段获得焦点。

## 资料来源
- axe-core 规则文档（Deque）: https://dequeuniversity.com/rules/axe/4.13/label
- 理解 WCAG 4.1.2（W3C）: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value