Re: Possible additional CSS media type: 'reader'

The original approach here included HTML bloat - adding extra span tags almost anywhere.

There is a better approach available which does not require a span tag; given:

<h1>Title</h1>

One can replace the text with a graphical version using:

h1 {
	background: url( "title.jpg" );
	width: 700px; /* height: 100px; */
	height: 0px; padding-top: 100px; overflow: hidden;
}

It's the final line that makes it work; the text begins past the element's bottom and is
hidden.

Do screen readers still miss the text on elements using this improved method of Image
Replacement?

-Chris "SoopahMan" Moschini
http://hiveminds.info/
http://soopahman.com/