ki:blog

今更学んだ衝撃の事実。
alt属性＝ポップアップじゃないんですね…。＿|￣|○
（まさか知らなかったの私だけか）（ノォウ！）

以下説明です。知ってる人はスルーしてください（笑）　

---

画像にマウスのポインタを置いたとき、マウスポインタのところに文字が表示されることがあります。これをポップアップとかツールチップとかいうんですが。
IEを使っていると気付きませんが、Firefox、NetscapeやOperaなどを使っている方、画像にポインタ合わせても表示されないことがあるかと思うんですが。（もちろんalt属性付けている前提で）
（ちなみにalt属性というのは<img src="ファイルパス" alt="ファイルの説明>"とかに使われるやつね）

詳しくはこちら。

簡単にゆーと、alt属性はもともと、その画像が何であるかを示すためのもので、今はあまり見かけないかもしれませんが回線が遅い環境なんかだと画像を読み込むのに時間がかかるため、先にalt属性を表示して、例えばここにはバナーが入るんだよ、というのを見せるために使われます。
また音声ブラウザなんかの、画像を表示しない環境ではalt属性で読み込まれたり、携帯なんかで画像オフにして見ると、alt属性に書かれた文字が表示されます。
だからポップアップのための属性ではないわけです。
これを表示するには、正式にはtitle属性を使います。a要素なんかでも使いますが。IEで閲覧した場合には、altよりtitleが優先されて表示されるみたいです。
IE以外のブラウザをお持ちの方はご確認あれ。

例）
alt="チョッパールフィー"　title="ロビンちゃんカムバック！"
>> alt属性オンリー

>> title属性付き


アイコン：i-3さんより

蛇足ながら、「誰にでも見られるページ」を目指す方。
imgタグには、width、height、altは必ずつけましょう。アクセシビリティを考慮するなら、これは最低限の要素です。
…自分も時々忘れますけどね！（笑）