テキスト情報を埋め込みたいという理由だけなら、CSSによる画像置換はやらない方がいいと思います。ただ、サイト全体で使用するパーツの場合は、imgタグを使わず、クラスを指定して表示する方が、記述が短くなり、サイト全体で定義されてるパーツなんだということがわかりやすかったりします。 <img src="img/btn_detail.png" alt="詳細へ" width="120" height="40"> ↓ .btnDetail { display:inline-block; width:120px; height:40px; background:url(../img/btn_detail.png) no-repeat; overflow:hidden; text-indent:-9999px; } <span class="btnDetail">詳細へ</span>
![よく文字をtext-indent:-9999pxで飛ばして、背景に画像を置く手法がありますが、CSS Sprite利用時はしかたないとしてそれ以外はIMGタグによるマークアップがスタンダードなんでしょうか。社内でレギュレーションを考える上で参考にしたいです。](https://cdn-ak-scissors.b.st-hatena.com/image/square/53a3162e885de1c9b15e25e57c74111bc4c75865/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F3%2F31%2Fl_2012-3-31_a47250cdb742d1d5d299435080abbdde.jpg)