WCAG に従ったフォームのラベル付け
すべてのフォームフィールドには、プログラム的に関連付けられたラベルが必要です。そうすることで、スクリーンリーダーの利用者が何を入力すべきか分かり、ラベルをクリックするとフィールドにフォーカスが移ります。
正しい方法
<label for="email">メール</label><input id="email"> — またはフィールドを <label> の中に含めます。可視のラベルが不可能な場合のみ aria-label / aria-labelledby。
プレースホルダーでは不十分な理由
プレースホルダーは入力時に消え、コントラストが低すぎることが多く、一部のスクリーンリーダーはラベルとして認識しません。
エラーメッセージ
エラーをフィールドに関連付け（aria-describedby）、テキストを具体的に表現してください（「有効なメールを入力してください」であり、「エラー」ではなく）。
a11yglass の役立ち方
無料スキャンは、配信された HTML と CSS を、自動的に認識可能な WCAG 違反について検査し、 各所見について達成基準と具体的な対策を示します。問題のおよそ 20〜35 % を検出し、 完全な評価に代わるものではありません。
続きを読む
最善の知識に基づく一般的な情報であり、法的助言ではありません。個別のケースについては、IT 法を専門とする法律事務所にご相談ください。