修正方法: フォームフィールドにラベルがありません
フォームフィールドにラベルがないことは、自動スキャナーがフラグを立て、EAA 執行当局が深刻に受け止めている一般的な WCAG A アクセシビリティ障害です。ここでは、その原因、それが重要な理由、そして具体的な修正方法を説明します。
それが重要な理由とその修正方法
ラベルがないと、スクリーン リーダーのユーザーにはフィールドの種類のみが通知され、要求される内容は通知されません。 WCAG 3.3.2 (ラベルまたは命令) では、入力にプログラムによるラベルを付けることが義務付けられています。
すべての入力を <label for="…"> に関連付けるか、入力を <label> 要素でラップします。
修正後にスキャナを再実行して、このルールに違反がないことを確認します。関連する属性が存在することをアサートするユニットまたは e2e テストを追加して、問題がサイレントに退行しないようにします。
法的証明ではなくガイダンス
スキャン結果は自動化されたアクセシビリティ ガイダンスであり、法的アドバイスや認定された適合性意見ではありません。自動スキャンと専門家による手動レビューを常に組み合わせてください。
よくある質問
この問題だけで私のサイトに罰金が科せられるのでしょうか?
単一の問題で直接罰金が課されることはほとんどありません。当局は通常、期限内の是正を要求します。通知を無視すると行政罰金が科される可能性があります。
スキャナーはこれをどのように検出するのでしょうか?
レンダリングされたページに対して axe-core ルールを実行し、一致する WCAG 基準と影響を受ける DOM セレクターによるすべての違反を明らかにします。