Image alt属性

HTML DOM Image オブジェクト

定義と使用方法

alt 属性設定または画像の alt属性 の値。

何らかの理由で画像が表示されない場合（接続速度が遅い、src属性が間違っている、またはユーザーがスクリーンリーダーを使用している場合）、この必須の alt属性 画像の代替テキストを定義します。

注：マウスが<img>要素に乗ったとき、Internet Explorerはalt属性の値をツールチップとして表示します。HTML規格に従っていない行為です。他のすべてのブラウザは規格に従っており、画像が表示されない場合にのみ代替テキストを表示します。

ヒント：画像にツールチップを作成するには、グローバルの title属性。

例

例1

画像の代替テキストを返します：

var x = document.getElementById("myImg").alt;

自分で試してみてください

例2

画像の代替テキストを変更します：

document.getElementById("myImg").alt = "北京の風景";

自分で試してみてください

文法

alt属性を返します：

imageObject.alt

alt属性を設定します：

imageObject.alt = text

属性値

値 説明
text

画像の代替テキストを定義します。

代替テキストガイドライン：

  • 画像に情報が含まれている場合、テキストは画像を説明する必要があります。
  • 画像が <a> 要素内に含まれている場合、テキストはリンクの場所を説明する必要があります。
  • 画像が装飾用のみの場合、alt=""を使用してください。

技術的な詳細

返り値： 文字列値、画像の代替テキストを示します。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

関連ページ

HTML 参考マニュアル：HTML <img> alt 属性

HTML DOM Image オブジェクト