• ベストアンサー

「alt属性」をすべての画像に設定しないといけないルールがあるのでしょうか?

カテゴリー違いかもしれませんが、ここしかなかったので質問させてください。ホームページを作成しているのですが、「alt属性」のことで質問があります。 ある書籍を読むと、【alt属性】について下記のように書かれていました。 ■「HTMLの文法上、alt属性は必須属性として必ず指定しなければならないものとなっています」 私は今までいくつかHPを作成してきました。もちろん、基本的に画像にはalt属性は設定してきましたが、必ず設定しなければならないものとは思っていませんでした。 alt属性は基本的には設定するものだし、設定したほうがユーザビリティ的にもよいということは承知しています。ただ「必ず設定しないといけないもの」という感覚まではなかったのです。大手のサイトの中にも、alt属性をすべてまでは設定していない場合もありますし。 ここで改めて質問ですが、「alt属性はすべての画像に必ず設定しなければいけないものなのでしょうか?」そのような厳格なルールなどがあるのでしょうか?よろしくお願いいたします。 ※ちなみにここでいう画像とは写真などの画像だけのことではなく、小見出しなどの文字画像などもすべて含みます。(つまり、サイト上に存在するすべてのJPEGやGIFなどの画像のことです)

質問者が選んだベストアンサー

  • ベストアンサー
  • toast5
  • ベストアンサー率37% (239/638)
回答No.4

alt属性が意味を持つのは、主に音声ブラウザにおいてであろうと理解しています。 その場合、写真などの画像にはあった方がいいでしょうし、 「小見出しなどの文字画像」であればそれ以上に必須と思います。 で、省略したくなるのはそれ以外の、レイアウト補助みたいな画像ですね。 しかし、alt属性が省略された画像について、多くの音声ブラウザは 「ここに画像があります」と読み上げるんだそうです。 レイアウトの調整のために「space.gif」を多用してたりする場合、 alt属性を省略していると、無意味な「ここに画像があります」の連呼になるわけで、 そういう場合は「alt=""」と指定しておけば音声ブラウザもスルーしてくれますよ、と 「とほほのWWW入門」で読んだことがあるので、そうしています。 余談ですが、最近どこかで聞きかじった知識によると、通常の本文であれalt属性であれ、 例えば「WEB」と書いてあれば「ダブリュ・イー・ビー」、 「Web」なら「ウェブ」と、多くの音声ブラウザは読むんだそうです。

hayato2008
質問者

お礼

音声上必要なことは承知していましたが、「ここに画像があります」と読み上げるとは知りませんでした。勉強になりました。ありがとうございました。

その他の回答 (3)

  • EOS5D
  • ベストアンサー率37% (17/45)
回答No.3

ひとつ書き忘れました。 W3C勧告に強制力はないと書きましたが、HTMLのソースで文書型宣言(<!DOCTYPE)した場合、W3CのDTDを宣言するのであれば、それに従わないのは齟齬がでるのではないかなと考えています。

hayato2008
質問者

お礼

強制力はないけれど、ルールに従うのがよいようですね。 再度のご回答ありがとうございました。

  • EOS5D
  • ベストアンサー率37% (17/45)
回答No.2

英語は不得手なので、日本語訳(参考URL)しか読んでいませんが、 W3CのHTML 4.01仕様書には 「13 オブジェクト、画像、アプレット」 の 「8.代替テキストの指定方法」 に 「alt属性は、IMG要素とAREA要素では必ず指定しなければならない。 INPUT要素とAPPLET要素では任意選択である。」 と規定されています。 W3CはWorld Wide Webで使用される各種技術の標準化を推進する為に設立された標準化団体ですが、W3C勧告には強制力はありません。

参考URL:
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/cover.html
hayato2008
質問者

お礼

W3C(ワールド・ワイド・ウェブ・コンソーシアム)としては、image要素のalt属性は必ず指定しなければならないとなっているのですね。 明快なご回答ありがとうございました。

  • Safe_Mode
  • ベストアンサー率48% (1329/2725)
回答No.1

私自身はボランタリーな社団法人の支部のサイトを管理しているので、出来るだけalt=""を使っていますが、どうしてもあまり意味のなさそうなものも出てきますね。 例えば、段落区切りのために挿入したラインの画像です。 このようなものに大してはalt="☆☆☆"とか、alt="ここで区切り"といった使い方をしてます。 ただ、絶対厳格にというルールではない筈です。

参考URL:
http://www.kanzaki.com/docs/html/htminfo-alt.html#ref1
hayato2008
質問者

お礼

ライン画像にもaltを入れてあるのですね。 ただ、絶対的なルールというわけではないのですね。 明確なご回答ありがとうございました。

関連するQ&A

  • alt属性は、省略してもよいのでしょうか?

    alt属性のことで質問があります。 自社のサイトをいくつか持っております。 毎月、変更する画像(文字画像)があります。 文字画像の表現内容を変更すると、alt属性の設定内容も変えないといけないと思うのですが、 そうすると、20ヶ所程度変更しないといけなくなります。 4つサイトがありますので、合計80ヶ所変更しないといけなくなるので少々大変です。 ■このような場合、alt属性の設定をしなくてもよいのでしょうか? 基本的には、HTMLのソースで文書型宣言(<!DOCTYPE)した場合(W3CのDTDを宣言するのであれば) alt属性の設定はすべきだとは承知しているのですが。 毎月、結構大変なので、別にalt属性の設定をしなくてもいいものであれば考えようかと思いまして。 いかがなものでしょうか? よろしくお願い致します。

    • ベストアンサー
    • HTML
  • alt属性を付けるとは?

    ホーム・ページの作成にあたり、 管理者から、下記のように注意を受けました。 画像にはテキスト情報(alt属性)を必ずつけ、 テキスト情報(alt属性)の不要な画像には スペースを使用してください。 なにのことでしょうか? さっぱり分かりません。 当方の環境 Win98SE HPB 6.0 よろしくお願いします。

  • テキストにalt属性を持たせるには。

    画像にalt属性を持たせるには<img src="画像のパス" alt="コメント">でいいと思うのですが、テキストにリンクを設定した状態でそこにalt属性を持たせるということは可能でしょうか? もし可能なら どの部分にそのタグを挿入したらいいのでしょうか? <FONT size="-1"><A href="リンク先" target="_blank">1</A> (『1』という文字列にリンクを設定した場合。) 初心者の質問のためわかりにくい表現がございましたらすみません。 よろしくおねがいします。

  • alt属性とtitle属性を両方記述し画像オフでブラウジングすると、画

    alt属性とtitle属性を両方記述し画像オフでブラウジングすると、画像の代替文字であるalt属性が表示されませんでした。 (ツールチップの事ではなく、非表示になった画像部分のスペースに、alt属性で記述した文字列が表示されない状態です。) IEでは[インターネットオプション]→[詳細設定]→[ダウンロードする画像のプレースホルダーを表示する]にチェックを入れるとalt属性が表示されるようになりましたが、Firefoxではそのような設定項目が見つかりません。 alt属性とtitle属性の両方を記述した場合、画像オフでalt属性が表示されないというのはFirefoxの仕様なのでしょうか? もし表示させるようなFirefoxの設定がありましたら教えて下さい。 また、title属性を記述せずalt属性だけを記述した場合には、IE,Firefox共に画像オフでalt属性がきちんと表示されました。

    • ベストアンサー
    • HTML
  • 【UWSC】alt属性のない画像リンクをクリック

    input属性でもなく、alt属性でもない(IESETDATAが使えない) bmp形式の画像でもない(CHKIMGが使えない) 画像リンクの場合はどうやって画像をクリックすればよいのでしょうか? 【ソース】 <a href="URL" target='_blank'><img src="画像名.gif"></a>

  • firefoxで画像にalt属性が表示させる方法は?

    firefoxでは画像にalt属性が表示されないのですが、なにか設定があるのでしょうか?

  • ALT属性に見出しタグをつけると画像がズレます。

    見出しタグをHTMLで製作後、画像とALT属性に採用すると 画像がずれてしまいます。 <img src="images/img6.jpg" alt="●●●●●●●●●●●●" width="745" height="511"> を <h2><img src="images/img6.jpg" alt="●●●●●●●●●●●●" width="745" height="511"> </h2> 以下のコーディングにすると画像がずれます。 HTMLバージョンは、DTD HTML 4.01 Transitional となります。 CSSなどで画像の位置固定をするのではなく、そのままHTML内で完結したいと考えています。 どのように変えれば良いでしょうか また、alignタグなどは、HTML4.01非推奨で使えません。 バグで探したのですが見付かりませんでした。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 画像のランダム表示とリンク、alt属性について

    はじめまして。 検索かけてみましたが、自分の納得が得られる回答が無かったため、質問させていただきました。 ページを更新するごとに画像とテキスト(その画像の作成者などを書きたい)をランダムで表示させ、なおかつ他へリンクし、画像にはALT属性、テキストにはTITLE属性を付けられるJavaScript、もしくは、CGIを探しています。 可能であれば、画像とテキストを別々の場所へリンクしたいと思います。 このようなJavaScript、またはCGIを知っている方、ご教授お願いします。

  • img要素の属性のaltには何を書けばいいのでしょうか。

    img要素の属性のaltには何を書けばいいのでしょうか。 現在記事の補足要素として画像を表示していて、基本的にalt="画像"と書いています。 実際はその画像の説明を詳しく書かなければいけないようですね。 しかし詳しく書こうとすると本文の内容と重複する事になります。 http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view&no=4374 上のURLによると 「・本文の補足としての img 要素は、重複を避けるために alt 属性を空にしなければならない。」 とあるので、alt=""にしておくべきなのでしょうか。

    • ベストアンサー
    • HTML
  • alt属性はつけるべきか

    alt属性はつける必要があるのですか。 TOP絵はいいと思いますが、私の場合、区切り線やメニューのボタン(リストはCSSですがそれ以外のボタン)にも使っていて場合のよっては10個とかになります。 その場合入れたほうがよいのでしょうか。 サイト名など同じこと書くとスパム行為になってしまいそうでならそういう画像につけないほうがいいなと思いました。 だからといってボタンと入れても変ですし。バラバラにするのも微妙ですし。 そういう場合どうでしょうか。

    • ベストアンサー
    • HTML

専門家に質問してみよう