• Reported by Joshua

Image replacement is a technique that's used to replace text inside an element with an equivalent image. This is a list of the best image replacement articles that I've found.

Douglas Bowman: Using background-image to replace text. Douglas explains the Fahrner Image Replacement technique with two examples.

Dave Shea: In Defense of Fahrner Image Replacement. Dave wrote another article that explains the FIR technique and also discusses its shortcomings.

Stuart Langridge: Another image replacement technique. Instead of hiding the text as FIR describes, this method moves it out of the way and improves the semantic quality of the markup.

Seamus P. H. Leahy: Image Replacement—No Span. Seamus independently developed the same method as Stuart.

Mike Rundle: Accessible Image Replacement. Mark's Mike's method is similar to the method developed by Stuart and Seamus.

Tom Gilder: Gilder Image Transform Technique. Tom uses an empty span element to compensate for users using a browser with CSS support but with images disabled.

The holy grail of image replacement is a method that uses semantic markup, works in screen readers, works with images turned off and works in most browsers. I haven't heard of such a method yet, but you can guarantee it will be linked from this entry when I read about it.

If you know of any other good image replacement articles, please add them in the comments.