HTML

alt属性の意図

More than 1 year has passed since last update.

Webページの表示の上ではalt属性がなんの意味を持つのかわかりにくいです。
そこで、alt属性の役割について調べてみました。

画像が表示されない時の代替テキスト

以下のような場合に代替テキストを表示する。

  • ユーザの回線状態が悪い
  • ユーザが意図的に画像の読み込みをしていない
  • ユーザがテキストブラウザを使用している
  • 目が不自由で、文字を音声合成で読み上げて「聞いて」いる

アンカーテキストの代わりになる

画像からリンクを貼る場合にalt属性がアンカーテキストとして扱われる。