# select 元素必须有一个可访问的名称

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

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

一个下拉菜单（通常是排序或变体选择器）没有标签。

## 此规则检查什么
确保 select 元素有一个可访问的名称.

## 为什么重要
WCAG 4.1.2 要求选择菜单具有无障碍名称。

## 如何修复
### 在任何网站上
1. 添加与该选择菜单关联的 <label>，或添加 aria-label，例如 aria-label="Sort by"。

### 在 Shopify 上
1. 添加与该选择菜单关联的 <label>，或添加 aria-label，例如 aria-label="Sort by"。

### 在 WooCommerce 和 WordPress 上
1. 添加与该选择菜单关联的 <label>，或添加 aria-label，例如 aria-label="Sort by"。

## 如何检查修复效果
- 重新扫描产品系列页和产品页。

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