The recent posting “Rethinking CSS Image Replacement” generated some pretty good discussion and got me thinking deeper about this issue. As a quick review, CSS image replacement is a technique of replacing a text page element with an image. An example of this would be including a logo on a page. You may want to use a <h1> tag and text for this for the accessibility and SEO benefits, but ideally you’d like to show your logo, not text.
Reader Dave Madden had pointed out Dave Shea’s 2003 article Revised Image Replacement where he shows the many different ...