ダウンロードした素材をサイトに置くとき、alt 属性に何を書くか迷う場面があります。素材ページの説明文をそのまま貼るのが最善とは限りません。何を書き、どこでは書かないのかを整理します。
alt には「その画像が伝えていること」を書く
alt テキストは、画像が表示されない環境や読み上げ環境で、画像の代わりに読まれる文です。書くべきは画像の見た目ではなく、その画像がその場所で伝えている内容です。
「青い服の女性が微笑んでいるイラスト」より、「担当者が問い合わせに対応している様子」のほうが役に立つ場面が多い、ということです。ただし次に書くとおり、そもそも書かないほうがよい場合もあります。
装飾のための画像は空にする
記事の区切りに置いた挿絵のように、内容を伝えていない画像には alt="" と空で書きます。読み上げ環境はこれを飛ばします。W3C のアクセシビリティ解説（WAI）も、装飾目的の画像には空の alt を使うようにと明記しています。
属性ごと省略するのとは違います。省略すると、環境によってはファイル名が読み上げられます。空で書くことが「意図的に説明不要とした」という表明になります。
周囲の文章と重複させない
すぐ隣に同じ内容の見出しやキャプションがあるなら、alt は空でかまいません。同じことが二度読まれるだけだからです。これも W3C の解説が同じ扱いを示しています。
素材サイトの説明文をそのまま使わない
素材ページに書かれている説明は、素材を探す人に向けて書かれたものです。画風や構図が含まれていることもあります。それをそのまま貼ると、読み上げ環境では不要な情報になります。置いた文脈に合わせて書き直すのが本来です。
長さの目安
1文で足りることがほとんどです。詳しい説明が必要な図表なら、本文中に書いて alt からはそちらを参照させます。alt に長文を入れると、途中で止められない読み上げ環境では負担になります。
検索のために書くものではない
alt にキーワードを詰め込む手法が語られることがありますが、本来の目的から外れます。適切に書かれた alt が結果として検索に役立つことはあっても、順番が逆になると読み上げ環境の使い勝手を損ないます。
Visual Hubの素材について
当サイトの素材には日本語・英語・中国語・韓国語の説明文を用意していますが、これは素材を探すためのものです。サイトに置くときは、置いた文脈に合わせて書き直してください。装飾として置くなら、空の alt で構いません。