[thelist] Standrards Compliance -fine-tuning

Will willthemoor at gmail.com
Sun Oct 19 06:57:53 CDT 2008

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. 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:


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