HTML5Boilerplate は優れたフレームワークであるため、ほとんどのプロジェクトで HTML5Boilerplate を使用していますが、私と他の開発者は、画像置換クラスと text-indent:-999em の使用について行ったり来たりしています。
彼は私に次の 2 つのリンクを送ってくれました。
http://luigimontanez.com/2010/stop-using-text-indent-css-trick/
http://www.youtube.com/watch?v=fBLvn_WkDJ4
HTML5Boilerplate チームがスタイルシートをまとめる際に多くの調査を行ったことは知っていますし、多くの開発者が使用する一般的な手法であることも知っています。皆さんはどう思いますか？私たちのサイトが罰せられないように、別のテクニックを使い始めるべきですか、それとも使い続けても大丈夫ですか?
ありがとう！
これらのリンクは両方とも特にロゴを参照しており、最も意味のあるルートは、alt 属性を持つイメージ タグとしてロゴを追加することです。
<img src="/path/to/logo.png" alt="Foo bar baz! The best way to fizz buzz" />
それらがカバーしていないのは、単純な古いイメージ置換を使用したい場合です。フォントの埋め込みがより一般的になり、サポートされるようになるにつれて、画像の置き換えはそれほど一般的ではないため問題になりませんが、代替画像を使用することが唯一の方法である場合は依然として多くあります。
アーティストは派手な装飾を望む傾向があるため、ヘッダーでは特に一般的です。
可能な場合は、alt 属性を持つインライン画像を使用してください。これが最も意味のある表示方法です。問題は、CMS を使用している場合、マークアップに直接アクセスできる場合とできない場合があるため、多くの場合、CSS または JS の画像置換を使用することです。
CSS を使用する必要がある場合は、あまり心配する必要はありませんtext-indent: -9999px;。正当な代替品を使用しても、Google からブラックリストに登録されることはありません。ただし、Google にのみ表示されるコンテンツをユーザーから隠そうとすることで、システムをごまかそうとしないでください。