input-image-alt-present
<input type="image">はalt属性を持つ必要があります
automaticWCAG 1.1.1, 4.1.2 (A)確度:high重大度:seriousperceivable
<input type="image">要素が、代替テキストの仕組みを支えるalt属性を提供していることを確認します。
適用範囲:アクセシビリティツリーに含まれる<input type="image">要素に適用されます。
期待される結果:対象となる各<input type="image">要素が、aria-labelledby、aria-label、alt、またはtitleによる空でないアクセシブルな名前を持っています。名前が空であれば、altがない場合も空の場合(alt="")も不合格です。作成者が付けた名前が画像ボタンに対するブラウザーの既定値(「Submit」、「Submit Query」)と同じでも、空の名前ではありません。ボタンを説明している可能性があるため、人が判断するようcantTellとして報告します。
例
pass
<input type="image" src="search.png" alt="Search">
空でないaltが画像ボタンに名前を付けています。
fail
<input type="image" src="search.png">
alt属性がありません。
確認方法
このルールが判断できない場合はcantTellを報告し、判断を人に委ねます。ルールが投げかける各質問を、理由コードごとに、答えるための手順とともにここに示します。検出結果にも同じ手順がhowToCheckとして、スキャンの言語で含まれます。出力スキーマを参照してください。
default_name
- レポートに示された画像ボタンを見つけ、レポートに示された名前(「Submit」または「Submit Query」)を読んでください。
- 画像を見て、押したときに何が起こるかなどから、ボタンが何をするかを確かめてください。
- 名前がボタンの動作を伝えているかを判断してください。
満たす場合:フォームを送信するボタンの「Submit」のように、名前がボタンの動作を伝えています。
満たさない場合:名前がボタンの動作を伝えておらず(検索ボタンの「Submit Query」など)、WCAG 1.1.1を満たしません。