# select要素にはアクセシブルな名前がなければなりません

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

WCAG 4.1.2 名前・役割・値・レベルA

ドロップダウン（多くは並べ替えやバリエーションの選択）にラベルがありません。

## このルールがチェックする内容
select要素にはアクセシブルな名前があることを確認してください.

## なぜ重要なのか
WCAG 4.1.2では、セレクトメニューにアクセシブルな名前が求められます。

## 修正方法
### あらゆるウェブサイトの場合
1. select要素に関連付けた<label>か、aria-label="Sort by"のようなaria-labelを追加します。

### Shopifyの場合
1. select要素に関連付けた<label>か、aria-label="Sort by"のようなaria-labelを追加します。

### WooCommerceとWordPressの場合
1. select要素に関連付けた<label>か、aria-label="Sort by"のようなaria-labelを追加します。

## 修正の確認方法
- コレクションページと商品ページを再スキャンします。

## 出典
- 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