• ベストアンサー
  • 困ってます

スタイルシートの画像

  • 質問No.7545801
  • 閲覧数451
  • ありがとう数1
  • 回答数1

お礼率 86% (25/29)

質問させていただきます。

今悪戦苦闘しながらホームページを作成しているのですが
HTMLで画像を表示するときにalt属性は書いたほうが良いと理解したのですが、
スタイルシートで背景画像を記述するにはどうやってalt
属性を記述したら良いのでしょうか?

例えばHTMLに

<div class="img"></div>

CSSに

div.img { background-image: url("○○.jpg"); width: 100px; height: 100px; }

とするとどこにalt属性をいれたらよいのですか?

わかりづらくてすみませんが、ご回答よろしくお願いします。

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

  • 回答No.1
  • ベストアンサー

ベストアンサー率 62% (910/1449)

背景に代替テキストってあんまり聞いたことないですね。
実際background-imageプロパティの値にaltはありません。
背景はコンテンツに影響しない(リンクでも空要素でもない)ので表示されなくても特に問題はない。
alt属性はあくまで非グラフィカルブラウザ向けの「代替テキスト」ですからね。
つまり、必要ないってことになります。

で、それでも強引にツールチップを表示したいというのなら、title属性で一応可能です。
もっともtitle属性は「補助的情報」なのでalt属性の本来の目的からは大きく外れますが。

div.img { background-image: url("○○.jpg"); width: 100px; height: 100px; }

<div class="img" title="なんたらかんたら"></div>
お礼コメント
moonzv

お礼率 86% (25/29)

torayoshiさん回答ありがとうございます。

>alt属性はあくまで非グラフィカルブラウザ向けの「代替テキスト」ですからね。

よく分かりました。背景はあくまで背景ということですよね。

アクセスアップにつながるような画像はCSSに記述せずHTMLに入れたほうが良いのですね。

なんでもかんでもCSS!という考えが間違ってました。
お忙しい所ありがとうございました。
投稿日時:2012/06/21 19:02
関連するQ&A

その他の関連するQ&Aをキーワードで探す

ページ先頭へ