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

  1. レポートに示された画像ボタンを見つけ、レポートに示された名前(「Submit」または「Submit Query」)を読んでください。
  2. 画像を見て、押したときに何が起こるかなどから、ボタンが何をするかを確かめてください。
  3. 名前がボタンの動作を伝えているかを判断してください。

満たす場合:フォームを送信するボタンの「Submit」のように、名前がボタンの動作を伝えています。

満たさない場合:名前がボタンの動作を伝えておらず(検索ボタンの「Submit Query」など)、WCAG 1.1.1を満たしません。

関連するルール

ソースコードを見る