要点
代替テキストチェッカーは、遅延読み込みの画像も含めてページ内のすべての img タグを読み、alt 属性を確認します。alt の欠落、alt に使われたファイル名、「画像」のような汎用語、125 文字を超える alt、複数の画像で同じ alt、テキストのないリンク画像を指摘します。レイアウトのずれを招く、幅と高さのない画像も数えます。
さらに詳しく知るには、こちらに質問
代替テキストは、画像を見られない相手のために画像を説明します。スクリーンリーダー、Google 画像検索、HTML を読む AI です。リンクとして使われる画像では、アンカーテキストにもなります。よい alt は、画像の内容を短い一文で伝えます。
ツールが指摘すること
- alt 属性がない：画像は何も伝えず、ファイル名を読み上げるスクリーンリーダーもあります。
- ファイル名や汎用語：「IMG_2034.jpg」や「写真」では何も説明できません。
- テキストのないリンク画像：alt がアンカーになるため、リンク先を説明する必要があります。
- 長すぎ・重複：125 文字以内で、画像ごとに固有の説明を。
よい代替テキストの書き方
- 訪問者に見えるものを、ページの言語で書きます（例：「オーク材の椅子の正面」）。
- キーワードは、本当に画像を説明している場合だけ入れます。
- 装飾だけの画像は alt="" とし、スクリーンリーダーに読み飛ばしてもらいます。
- レイアウトのずれを防ぐため、すべての画像に幅と高さを指定します。
公開前に画像を軽くするには画像圧縮ツールを使ってください。画像に関するほかのシグナルは、画像最適化と Core Web Vitals をご覧ください。
