スタイルシートの画像

質問

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

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

例えばHTMLに

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

CSSに

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

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

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

回答No.1

torayoshi · ベストアンサー

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

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

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

<div class="img" title="なんたらかんたら"></div>

お礼

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

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

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

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

なんでもかんでもCSS！という考えが間違ってました。
お忙しい所ありがとうございました。