Page is a not externally linkable
- WebmasterWorld
-- Accessibility and Usability
---- accessibility and <h1> header images


encyclo - 2:23 pm on Feb 8, 2009 (gmt 0)


The short answer is that you should insert the background image via CSS, meaning that if CSS is disabled only the
h1 text will show. Something like this:

CSS:

h1 {
color:#000;
background:#fff url(/images/TT_headertext.png) top left no-repeat;
height:33px;
}

h1 b {
display:none;
}

HTML:

<h1><b>Header Text</b></h1>

You may be able to use text-indent too (I've not tested it for the above scenario). If the image is comprised of text, you can also do it in Flash and use sIFR. :)


Thread source:: http://www.webmasterworld.com/accessibility_usability/3844966.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com