Topスタイルシートの基本イメージ > 画像に名前をつける

画像に名前をつける

画像を使用する事でページデザインのバリューエーションが増えるということで、ロゴはもちろん、大見出しや小見出しを、文字ではなく画像で表示したりすることがあります。


画像を表示することができない環境や、画像を見る事が出来ないユーザーにとっては、画像で伝えている情報は、まるで役に立ちません。
もちろん、検索エンジンも画像に描かれた文字など読めるはずがありません。
そのため、画像を使用する場合は、画像の内容がわかるよう「alt」属性をつける必要があります。

<img src="画像のアドレス.jpg" alt="画像の内容" width="横サイズ" height="縦サイズ">

※横サイズ、縦サイズは古いブラウザではこれがないと表示が重くなるので、設定しておいたほうが吉です。


たとえばリストなどのマーク画像のaltは「*」や「・」といった記号にするのが一般的ですが、音声ブラウザの事も考えると、マーク画像のalt属性は記述する必要がないと思います。

「画像に名前をつける」関連本

Akasa Rira
みつけたきせき