Substituindo texto por imagem

Freqüentemente precisamos substituir texto por imagem – em nome do design – como no caso de títulos com fontes especiais ou mesmo quando queremos utilizar “drop caps”, coisa que infelizmente ainda não existe em html. A simples substituição de texto por imagem pode ter suas desvantagens, no caso de ferramentas de busca ou programas de leitura de tela (screen readers). Se você quer se aprofundar sobre este assunto e utilizar uma técnica que funcione, sugiro este ótimo artigo publicado na Stopdesign: Using Background-Image to Replace Text. A técnica escolhida no artigo é chamada Fahrner Image Replacement (FIR) e também é discutida com detalhes neste artigo da ALA – A List Apart: Facts and Opinion About Fahrner Image Replacement. Em defesa da técnica a Digital WEb Magazine publicou este artigo. Além do FIR, existem técnicas alternativas – cada uma com suas vantagens ou desvantagens, que listo abaixo:

Leahy/Langridge Image Replacement (LIR):
Seamus Leahy
Stuart Langridge

Rundle’s Text-Indent Method:
Mike Rundle

Cover-up Method:
Petr Stanicek
Tom Gilder