代替テキストとは、画像が表示されないときや、目の不自由な方が読み上げソフトを使うときに、画像の代わりに伝わる短い説明文のことです。HTMLでは画像タグのalt属性に書きます。
仕組み
画像を表示するHTMLのimgタグに、alt属性として説明文を書き込みます。通信が遅くて画像が読み込めないときはその文が表示され、読み上げソフトを使う方には音声で伝えられます。検索エンジンも、画像の内容を理解する手がかりのひとつとして利用します。
書き方のポイント
画像を見られない人が、その場所で必要な情報を受け取れるかを基準に書きます。「商品の写真」のようなあいまいな表現より、「白い陶器のマグカップを机に置いた写真」のように具体的にすると伝わります。文章の一部として画像を使う場合は、その意味や役割が分かる内容にします。
注意点
飾りだけの画像は読み上げの邪魔になるため、alt属性を空にして読み飛ばしてもらうのが一般的です。検索に載せたい言葉を詰め込むような書き方は、読む人の助けにならないので避けます。画像内の文字は、その内容も代替テキストに含めます。
















