画像に説明文（代替えテキスト）をつける

<img alt=””>

画像を表示させるIMGタグには必ず付けなければならない必須の属性があります。これが画像の説明文の役目を果たす「ALT属性」です。画像に説明があることで分かりやすい点の他に、目の不自由な方のための説明文にもなります。忘れずにつけましょう。

一般的なブラウザでは、画像につけたALT属性による説明文が、画像にマウスポインタを合わせると表示されるようになります。

記述例

関連情報

• 画像に関するタグ
  • 画像の横幅の長さ（サイズ）を指定する
  • 画像の縦幅の長さ（サイズ）を指定する
  • 画像の枠を表示する、または枠を消す
  • 画像の回り込みの文章の位置、または画像の表示位置を指定する
    • 途中で文章の回り込みを解除する
  • 画像の上下に余白を設ける
  • 画像の左右に余白を設ける
• 画像の扱い方と注意点 – デザインを見直す