詳細に確認する必要がある画像を見つける
Alt Tag Checker
貼り付けられた HTML の画像の alt 属性を監査します。欠落している属性を意図的に空にした代替属性から分離し、各画像ソースを確認して、結果をエクスポートします。
Image alt audit
Your image counts and alt text review will appear here.
Alt タグ チェッカー: 小切手でわかること
alt タグ チェッカーは、代替に注意が必要な画像要素を見つけるのに役立ちます。 HTML では、alt は画像の属性であり、別個のタグではありません。欠落している属性、空の値、および有用な説明の 3 つの異なるケースがあります。
このローカル監査は、貼り付けた HTML 内の img 要素を検査します。ページの取得、画像の視覚的な判断、JavaScript の実行、画像の読み込み、アクセシビリティの認証は行いません。同じイメージが異なるコンテキストで異なる目的を果たす可能性があるため、ファイルの重複を排除するのではなく、イメージの出現をカウントします。
属性がありません
alt のない img 要素は見直す必要があります。支援技術は、有用な代替ファイルの代わりにそのファイル名を通知する場合があります。画像が情報を伝えるものであるか、装飾的なものであるかを決定します。
空の代替案
装飾的な画像には明示的な alt="" が適しています。画像に情報が追加されない場合は空のままにしてください。読者に必要なことを伝える場合は、有用なテキストを追加します。
空白のみ
alt 内のスペースは個別にリストされます。画像の目的を確認し、装飾として純粋に空の値を使用するか、情報として意味のあるテキストを使用します。
テキストの存在
空でない値は、自動的には適切な代替値とはなりません。キーワードを詰め込んだり、近くのテキストを繰り返したり、ファイル名に依存したりせずに、コンテキスト内で目的を説明していることを確認してください。
HOW IT WORKS
チェックから 有益な次のステップ
ソースまたはレンダリングされた HTML を貼り付けます
ページ ソースまたはブラウザ開発者ツールから HTML をコピーします。 Web アドレスだけを貼り付けても、そのページは取得されません。
各カテゴリを確認する
欠落している属性から始めて、コンテキスト内の空の代替を確認します。結果をフィルターし、画像ソースと代替テキストを比較します。
修正して再確認する
テンプレートまたは CMS フィールドを更新し、レビュー リストをエクスポートし、公開後に新しい HTML を監査します。広範なレビューの一環として、支援テクノロジーを使用してページをテストします。
同じ属性、3 つの異なる決定
有益な製品画像
<img src="mug.jpg" alt="Blue ceramic mug with a curved handle">画像が提供する情報を説明します。この例では、買い物客に具体的な視覚的な詳細を提供します。
装飾的な仕切り
<img src="divider.svg" alt="">空の代替案を使用すると、装飾的な画像が読書体験にノイズを加えるのを防ぐことができます。
代替品のないサイズ表
<img src="size-guide.png">alt が欠落しているので確認が必要です。複雑なグラフでは、短い代替手段だけでなく、近くにテキストやデータ テーブルが必要になる場合もあります。
For contextual guidance, read the W3C image alt decision tree.