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

質問

初めて質問します。

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を勉強しようと思います。

上記の質問理解しがたいところが多々あると思いますがよろしくお願いします

回答No.3

basil

<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の中身はなんでも構いませんが
画像がうまく表示されなかった場合に、この画像の穴を補完できるような
「画像の意味」を表現した文言を入れるルールになっています。
たとえば、ポートレイト写真なら、その人物の氏名とか
風景写真ならその風景のタイトルだとか
画像化した文字ならば、その文字そのものとか。。。

お礼

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

回答No.2

basil

HTMLはw3cの勧告として、一応「正しい」とされる「書き方」が決められています。このルールに則って記述するのがベストであり、Another HTML-lint gatewayなどでも、このルールに従って対象HTMLを判定します。
<img>タグにはalt属性をちゃんと書きましょう！
というルールがあるので、これに外れると、ご質問のようなエラーが発せられます。ただし、多くのブラウザにおいて、この属性を記述しなくても、表示崩れなどが起こるようなことはありません。
一部の読み上げブラウザ（目の不自由な方が、音声によってウェブページを閲覧するためのブラウザ）などで、意図した情報がつたわらないなどの問題があるのみで、通常は記述ミスのデメリットを意識することはありません。
なので、実際この属性を無視してHTMLを記述するケースが多く、汎用テンプレートなどでも対応していないこともあるのかもしれません。

HTMLは不特定多数の人が閲覧する場合が多く、この場合にファイルには到達出来るが内容を読解できない、という状態を避けることが望まれます。つまり、誰が見ても読めることが大切です。ページを書いた本人は当然問題なく見られるハズですが、違う環境の人でも同じように閲覧できることが大切になるわけで、そのためのひとつの基準として勧告があり、これをチェックするツールとしてAnother HTML-lint gatewayなどがある訳です。

お礼

早速の回答ありがとうございました。
回答の内容理解しました、今後の作成の参考にさせていただきます。

回答No.1

ddg67

はい、よろしくお願いします。

で、質問は何ですか？

補足

申し訳ありませんでした質問を明記していませんでした。

IMG> には ALT 属性が必要です。と判定されました。
<td><img src="img/point_l" width="15"eight="15"border="0"></td>
これを正しいHTMLにする記述を教えてください