HTMLalt属性_
定義と使用法
alt属性は、ユーザーが何らかの理由で画像を表示できない場合（接続が遅い、src属性のエラー、またはユーザーがスクリーンリーダーを使用している場合）に、画像の代替情報を提供します。
注： <img>要素にはalt属性が必要です。
注： <input>要素の場合、alt属性は<input type = "image">でのみ使用できます。
ヒント：画像のツールチップを作成するには、 title属性を使用します。
に適用されます
alt属性は、次の要素で使用できます。
| 要素 | 属性 |
|---|---|
| <エリア> | alt |
| <img> | alt |
| <入力> | alt |
例
エリアの例
クリック可能な領域を含む画像マップ：
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Imgの例
代替テキストが指定された画像：
<img src="smiley.gif" alt="Smiley face">
入力例
送信ボタンを表す画像を含むHTMLフォーム：
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
ブラウザのサポート
このalt属性では、要素ごとに次のブラウザがサポートされています。
| Element | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |