代替テキストの効果
代替テキスト(alternative text)というものをご存知でしょうか。<img>タグのalt属性です。画像が表示されない時に、変わりに表示される文字(テキスト)です。 よって、画像が表示されないようなブラウザ・環境の方のために必ず入れておく必要があります。
よくaltは「マウスが上に乗ると説明が出るのに使う」という説明をしている方もいますが、実際にはマウスポインタが上に乗ると文字が出るという機能はオプション的なものに過ぎません。ブラウザによっては、そのような動作をしないこともあります。
そういう場合は
<img src="...." alt="代替テキスト" title="説明文">
というようにtitle属性を使うと良いでしょう。
それでは代替テキストがある場合、ない場合を比べて見ましょう。
画像がある状態
代替テキストを設定していなくて画像が表示されない場合
代替テキストを設定していて画像が表示されない場合
随分と見え方が異なりますね。代替テキストがないと、どれが何のボタンかまったくわかりません。特にリンクボタンなど、リンクがはってある画像の場合は代替テキストを書いておくようにしましょう。
[前へ|トップページへ戻る]