[thelist] Standrards Compliance -fine-tuning

Benjamin Hawkes-Lewis bhawkeslewis at googlemail.com
Sun Oct 19 08:11:32 CDT 2008

Will wrote:
> If an image is being used simply as a text replacement, I include text and
> as-semantic-as-possible markup in the HTML - not an image. HTML is for
> content. If it's in the HTML, an <img /> should be content, not a (crude)
> visual hack for lack of wide support of a certain font.
> In addition to being better for seo, semantics and accessibility, I reckon
> this is the practical way to go as well. 

It's not necessarily better for accessibility, since CSS image 
replacement breaks when visually impaired users use their own colors to 
make text legible, necessitating the replacement of publisher-specified 

It also breaks for anyone wh

CSS is disposable. Well authored
> HTML should last you through several redesigns. I'd rather set how the page
> should look in the CSS and leave the HTML as semantically marked up content,
> free of any hacks.
> There are a grip of image replacement techniques floating around.  I like
> this one because it requires the least markup but if some one visits your
> site with CSS on and images off, they will see nothing with text-indent:
> -9999em;
> Will
> On Sat, Oct 18, 2008 at 9:27 PM, Shawn K. Quinn <skquinn at speakeasy.net>wrote:
>> On Wed, 2008-10-08 at 14:55 -0700, Will wrote:
>>> You'll want to get the text from your header image into the actual
>>> html.
>>> You can hide it with css.
>>> we usually do something like
>>> <a id="brand" href="/"><strong>Florapedia</strong> - Inside info on
>>> flowers</a>
>>> then in the css, set the bg image on the a and use "text-indent:
>>> -9999em;"
>> I still don't see what's so wrong with:
>> <a id="brand" href="/"><img src="/image.jpg" alt="Florapedia - Inside
>> info on flowers"></a>
>> Certainly seems a lot less complicated to me. Anything including CSS
>> properties like "text-indent: -9999em;" is at best a relatively crude
>> hack.
>> --
>> Shawn K. Quinn <skquinn at speakeasy.net>
>> --
>> * * Please support the community that supports you.  * *
>> http://evolt.org/help_support_evolt/
>> For unsubscribe and other options, including the Tip Harvester
>> and archives of thelist go to: http://lists.evolt.org
>> Workers of the Web, evolt !

More information about the thelist mailing list