cssのtext-indentでテキストを消すのは古い？

質問

今日読んでいた雑誌に「以前は流行っていたが、最近はtext-indentでテキストを消して（画像を表示させて）いるサイトをあまり見かけなくなった」と書いてありました。
私は最近もこの方法を使っていたので、少し不安になりました。画像表示をoff、CSSをonにした場合に全く何も表示されなくなる・・・という事以外に何かデメリットがあれば教えてください。
また、実際に制作されている方はこの方法を使われているかをお聞きしたいです。
よろしくお願い致します。

回答No.3

noname#33956 · ベストアンサー

text-indentで飛ばしても、大きいモニタではチラッと見えてしまう場合があります。21インチ以上や、15インチデュアル環境なんかではチラチラ見えてしまうことが…。最近大きいモニタやワイドサイズ、デュアルを使う方も増えているのもあるでしょうね。
また、floatをかけたbox内の要素にtext-indentを適用した場合、winIE5でテキストも背景もインデントされてしまうので、まったく画像が見えない状態になってしまうデメリットもあります。
あとはtext-indentはSEO的にアウトという噂も…あくまで噂ですが。

お礼

回答ありがとうございます。お礼が大変遅くなってしまいすみません。
text-indentの文字を実際に見たことがないので、チラッと見えるなんて思ってもいませんでした(^_^.)確かに！と思いました。
winIE5でのご意見はぜひ今後の参考にします。
この方法をhxタグに使ったサイトは実際にひっかかっているので、今はまだseo的にもまだ大丈夫なのかなぁと思っています。
回答ありがとうございました。

回答No.2

key-child

下記ではダメなの？
<img src="画像パス" alt="画像の代替文字">

デメリット
・画像on/CSSoffだと両方表示されて見づらい
・画像on/他CSS適用だと・・・

その技法のメリットが思い浮かばないのだが・・・

お礼

回答ありがとうございます。お礼が大変遅くなってしまい、すみません。
altタグよりもhxタグの方がseo的に強いと聞いていたので、この方法を使っています。実際に比較したわけではないのですが・・・。
ありがとうございました。

回答No.1

taba

デメリットは分からないのですが、ブラウザによってどう描画されるか分からないという不安はありますよね。
想像ですが、普通にdisplay:none;すれば解決するので、使われなくなっているだけなんじゃないでしょうか。私も自分のサイトではそうしています。spanタグなどで余計に囲む必要が出てきますけど、表示させないというテクニックを使っている時点でイレギュラーなので、構わないかなと思っています。
「画像表示をoff、CSSをonにした場合に全く何も表示されなくなる」のは同じですけれど。

お礼

回答ありがとうございます。
text-indentで、そのテキストと同じ内容の画像を背景に指定しておけば、ソースも綺麗だし、スパムにもならないだろうな・・・と思い、「これから主流になる！？」くらいに思っていたので、雑誌の内容は意外でした。
ブラウザごとの表示にも悩まされてばかりです(^_^.)
実際に使用されている方のご意見、参考になりました。ありがとうございます。