画像のAlt属性について
Altテキストとは?
Altテキストとは、画像タグ自体に記述される画像の説明文です。画像の代わりにスクリーンリーダーによって読み上げられたり、画像の読み込みに失敗した際に表示されたりするほか、検索エンジンが画像に何が描かれているかを判断するためにも使用されます。
これはキャプションではなく、説明文です。キャプションは、すでに画像を見られる人に補足情報を提供するものですが、代替テキストは、画像を見られない人にとって画像そのものの代わりになります。この違いによって、どのように記述すべきかが決まります。重要なのは、画像がどのように見えるかではなく、画像がなければ読者が何を知ることができないかです。
altタグチェッカーを実行する価値があるのは、この問題が気づかれにくいからです。ページ上には属性の欠落を示すものが何もなく、レイアウトにも影響しません。そして、最も気づきやすい人たちは、最も知らせてくれる可能性が低い人たちでもあります。
2026年でも、altテキストは重要ですか?
はい。そして、最も確かな理由はアクセシビリティです。代替テキストの有無によって、スクリーンリーダーで利用できるページになるか、説明のない空白が連続するページになるかが決まります。また、アクセシビリティ要件は、単に公表されるだけでなく、ますます厳格に適用されるようになっています。
さらに、代替テキストは今でも画像検索が画像を理解するための主要な手段であり、画像検索は、ストックフォトではなくオリジナルのビジュアルを公開しているサイトに、依然として有意義なトラフィックをもたらしています。
実務上の意義は、コンプライアンスの範囲を超えています。低速な接続環境、制限の厳しいネットワーク、メールクライアントでは、想定以上に画像の読み込みに失敗することがあり、その際に代わりとなるのがaltテキストです。
altテキストとAI検索の関係
モデルが画像を直接解釈するケースは増えていますが、それによってaltテキストが不要になったわけではありません。機械による解釈は画像に何が写っているかをシステムに伝えます。一方、altテキストは、なぜその画像がこのページに掲載されているのかを伝えます。これは異なるものであり、より有用な情報です。
グラフ、図、スクリーンショットでは、その差はさらに大きくなります。これらには、ページ本文のどこにも記載されていない情報が含まれていることが多く、回答にその情報を取り込む唯一の手段がaltテキストである場合もあります。
形式ではなく、判明した内容を伝えるaltテキストを書くことが、ここで最も効果の高い習慣です。「棒グラフ」ではシステムに何も伝わりませんが、「移行後、オーガニックトラフィックが40%増加した」なら引用できます。
altテキストのベストプラクティス
- キーワードの羅列ではなく、画像が何を示しているのか、またなぜそこに配置されているのかを1文で説明します。
- 純粋に装飾目的の画像の場合は空欄にして、スクリーンリーダーがファイル名を読み上げずにスキップできるようにします。
- グラフや図では、形式だけでなく、そこから分かることを記載します。
- 支援技術がすでにその旨を伝えるため、「画像」や「写真」で始めないでください。
- 画像に重要なテキストが含まれている場合は、そのテキストを繰り返し記載します。
- この用途に即した具体的な内容にします。同じ写真でも、ページによって適切な代替テキストは異なります。
このツールがチェックする項目
alt属性チェッカーはページ上の画像をスキャンし、alt属性がない画像があるかどうかを報告します。
altタグチェッカーは、altテキストの有無のみを確認します。そのため、役に立たないaltテキストやキーワードを詰め込んだaltテキストの画像も、適切に説明された画像とまったく同じように合格します。合格とは、すべての画像に何らかのaltテキストが設定されているという意味にすぎません。その内容が有用かどうかは、特にグラフやスクリーンショットについては、ご自身で判断する価値があります。
次に行うこと
画像はアクセシビリティ以外にも影響します。
画像最適化チェッカーと
ページサイズチェックのツールを使って、画像によってどれだけコストが発生しているかを確認し、
見出しタグチェックで、文脈が明確に伝わるようページ周辺の構造が十分に整っていることを確認してください。