imgタグとalt

ホーム > movabletype , ソフトウェアとlifehack > imgタグとalt

このサイトを、テキストブラウザのLynxで表示してみました。

これみて骨身でわかったことがひとつ。Validなwebを書くんだとかいってて、いまさらそこかよ！、といわれるかもしれませんが。。。。

画像を表示するためのimgタグのAlt属性にただしくその画像の説明を書いておかないと、ほんとに意味がわかんないんだなと。。。

それでちょっと調べていたら、非常にわかりやすい説明にであいまして、ちょっと長くて恐縮ですが、ものすごくなるほどと思ったので、引用させていただきました。

（不適切な例） <img src="logo.gif" alt="Company Logo" />

のようなalt文は、そこにロゴの画像がある事しか示していません。このような記述はHTML文書によって伝えようとする「トピック」に関する情報ではなく、HTMLをどうやってコーディングしているかということを示すもの(メタ情報）でしかないということです。ここで伝えるべき情報は「ロゴ画像がある」ということではなく、「○○会社についてのページである」ということなのですから

（適切な例） <img src="logo.gif" alt="○○会社" />

とするべきであるというわけです。

参考になりました。

imgタグとalt

タグ:

「imgタグとalt」の関連記事