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

このルールがチェックする内容

すべてのフォーム要素にラベルが存在することを確認してください.

なぜ重要なのか

WCAG 1.3.1、3.3.2、4.1.2では、フォーム入力欄にラベルが求められます。よく問題になるのは、メールマガジンの登録欄や検索欄です。

修正方法

1. 各入力欄に<label for="field-id">要素を付けるか、少なくともaria-labelを付けます。
2. プレースホルダーテキストだけではラベルとみなされません。

修正の確認方法

• 再スキャンし、labelルールが不合格にならなくなったことを確認します。
• 各ラベルをクリックし、対応する入力欄にフォーカスが移ることを確認します。

FixReportsが検出する方法

当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールlabelを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。

自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。