# フォーム要素にはラベルがなければなりません

<https://www.fixreports.com/ja/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