質問: 質問させていただきます。 今悪戦苦闘しながらホームページを作成しているのですが HTMLで画像を表示するときにalt属性は書いたほうが良いと理解したのですが、 スタイルシートで背景画像を記述するにはどうやってalt 属性を記述したら良いのでしょうか? 例えばHTMLに CSSに div.img { background-image: url("○○.jpg"); width: 100px; height: 100px; } とするとどこにalt属性をいれたらよいのですか? わかりづらくてすみませんが、ご回答よろしくお願いします。
回答: 背景に代替テキストってあんまり聞いたことないですね。 実際background-imageプロパティの値にaltはありません。 背景はコンテンツに影響しない(リンクでも空要素でもない)ので表示されなくても特に問題はない。 alt属性はあくまで非グラフィカルブラウザ向けの「代替テキスト」ですからね。 つまり、必要ないってことになります。 で、それでも強引にツールチップを表示したいというのなら、title属性で一応可能です。 もっともtitle属性は「補助的情報」なのでalt属性の本来の目的からは大きく外れますが。 div.img { background-image: url("○○.jpg"); width: 100px; height: 100px; }