締切済み

<IMG> には ALT 属性が必要です。と判定されました。

2008/04/15 18:55

初めて質問します。 http://umasi.web.fc2.com/ 上記のサイトをAnother HTML-lint gateway「HTML文書の文法をチェック」したところ <IMG> には ALT 属性が必要です。と判定されました。該当箇所　<td><img src="img/point_l" width="15" height="15" border="0"></td> ホームページ用テンプレートですので普通くらいの採点かと思いましたががんばりましょうでした、これを機会にHTMLを勉強しようと思います。上記の質問理解しがたいところが多々あると思いますがよろしくお願いします

shinsaku3
お礼率67% (19/28)

みんなの回答 （3）
専門家の回答

みんなの回答

basil
ベストアンサー率35% (148/420)

2008/04/15 19:24 回答No.3

<img src="img/point_l" width="15"eight="15"border="0"> について添削するとまず、imgタグに対して src, width, eight, border の属性を記述しようとしているようです、、、が！ srcの記述はOKですが width, eight, borderらがそれぞれ、くっついてしまっているので間に半角スペースを挟む必要があります。また、eightという名前の属性はありません。たぶんheightのタイプミスだと思われます。これらを直すと <img src="img/point_l" width="15" height="15" border="0"> となります。ここにalt属性を追加すると <img src="img/point_l" width="15" height="15" border="0" alt="この画像の意味についての説明"> という具合になります。 altの中身はなんでも構いませんが画像がうまく表示されなかった場合に、この画像の穴を補完できるような「画像の意味」を表現した文言を入れるルールになっています。たとえば、ポートレイト写真なら、その人物の氏名とか風景写真ならその風景のタイトルだとか画像化した文字ならば、その文字そのものとか。。。

質問者

お礼 2008/04/15 23:11

早速の回答ありがとうございます。教えていただいた通りにやって見ました、判定よくできましたになりました。こんごともよろしくお願いします。

basil
ベストアンサー率35% (148/420)

2008/04/15 19:17 回答No.2

HTMLはw3cの勧告として、一応「正しい」とされる「書き方」が決められています。このルールに則って記述するのがベストであり、Another HTML-lint gatewayなどでも、このルールに従って対象HTMLを判定します。 <img>タグにはalt属性をちゃんと書きましょう！というルールがあるので、これに外れると、ご質問のようなエラーが発せられます。ただし、多くのブラウザにおいて、この属性を記述しなくても、表示崩れなどが起こるようなことはありません。一部の読み上げブラウザ（目の不自由な方が、音声によってウェブページを閲覧するためのブラウザ）などで、意図した情報がつたわらないなどの問題があるのみで、通常は記述ミスのデメリットを意識することはありません。なので、実際この属性を無視してHTMLを記述するケースが多く、汎用テンプレートなどでも対応していないこともあるのかもしれません。 HTMLは不特定多数の人が閲覧する場合が多く、この場合にファイルには到達出来るが内容を読解できない、という状態を避けることが望まれます。つまり、誰が見ても読めることが大切です。ページを書いた本人は当然問題なく見られるハズですが、違う環境の人でも同じように閲覧できることが大切になるわけで、そのためのひとつの基準として勧告があり、これをチェックするツールとしてAnother HTML-lint gatewayなどがある訳です。

質問者