# 按钮必须有可辨识的文本

<https://www.fixreports.com/zh/issues/button-name>

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

部分按钮没有无障碍名称，屏幕阅读器用户只能听到“按钮”。

## 此规则检查什么
确保按钮有可辨识的文本.

## 为什么重要
WCAG 4.1.2 要求每个控件都有名称。缺少名称的按钮通常包括数量增减按钮、关闭按钮和轮播箭头。

## 如何修复
### 在任何网站上
1. 找到没有名称的按钮，通常是只显示图标的按钮。
2. 添加可见文字、视觉上隐藏的文字，或说明按钮作用的 aria-label（例如 aria-label="Close" 或 aria-label="Increase quantity"）。

### 在 Shopify 上
1. 找到没有名称的按钮，通常是只显示图标的按钮。
2. 添加可见文字、视觉上隐藏的文字，或说明按钮作用的 aria-label（例如 aria-label="Close" 或 aria-label="Increase quantity"）。

### 在 WooCommerce 和 WordPress 上
1. 找到没有名称的按钮，通常是只显示图标的按钮。
2. 添加可见文字、视觉上隐藏的文字，或说明按钮作用的 aria-label（例如 aria-label="Close" 或 aria-label="Increase quantity"）。

## 如何检查修复效果
- 重新扫描受影响的页面。
- 用屏幕阅读器检查这些按钮。

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