情報提供用か装飾用か：最初の判断

altテキストを一言でも書く前に、1つだけ考えてください。この画像は意味を加えているのか、それとも見た目をよくするためだけにあるのか、ということです。

すべての画像は2種類に分かれます。内容を伝える有益な画像と、見た目を整えるだけの装飾画像です。

有益な画像とは、なければ利用者が知ることのできない情報を伝える画像です。グラフ、商品の写真、会社名が入ったロゴなどが該当します。

装飾用の画像は情報を加えません。背景の曲線、スペーサーの線、雰囲気を演出するだけのストック写真などを考えてみてください。

この判断を正しく行うことが重要なのは、間違えると本当のコンテンツを隠してしまうか、スクリーンリーダー利用者に不要なノイズを大量に聞かせることになるからです。

画像が有益なものなら、文脈に沿って意味を伝える適切なaltテキストを付けます。

画像が装飾用なら、空のaltを指定して、スクリーンリーダーがそのまま読み飛ばせるようにします。

まったく同じ写真でも、あるページでは有益な画像になり、別のページでは装飾画像になります。判断するのはファイル自体ではなく文脈です。

次のように考えてみてください。画像を削除したら、ページの意味が失われますか？「はい」なら有益な画像、「いいえ」なら装飾画像です。

alt属性を完全に省略するのは最も悪い選択です。多くのスクリーンリーダーは、その場合ファイル名を読み上げることがあります。

つまり、作業はここから始まります。文言を考える前に、各画像を有益なものか装飾用かに分類してください。

中心となる判断を確認してみましょう。

よくできました！すべての画像は有益なものか装飾用で、判断は文脈によって決まります。その判断によって、altテキストを書くか空にするかが決まります。