![[Passamynd]](/files/2003/05/mar.gif)
Már ÖrlygssonSome CSS Trick Info
Phark explains a new Accessible Image Replacement method. Simpler syntax than Stuart Langridge method, but only works to hide relatively short snippets of text.
Phark's method uses text-indent:-1000em; and overflow:hidden; to move the tag content out of the way. Neat trick!
More like this: English Entries, Accessibility, HTML/CSS.
Reader Comments (2)
Mike replies:
Thanks for linking to the method ;)
I was thinking about the exact point that you brought up, that it only works on small snippets of text, and realized that the whole purpose of these techniques is basically to hide page titles and logos and show images over them.
If people are displaying 150K jpgs chocked with paragraphs of text instead of actual text, and using this technique thinking they're making their pages "more accessible", they're obviously mistaken :)
August 12. 2003 kl. 15:13 GMT | #
Már Örlygsson replies:
Well, I particularly like Dave Shea's example of the hand-written recipie: http://www.digital-web.com/features/feature_2003-08.shtml
This type of usage makes it possible for (insane :-) designers to use images/photos, and provide structured, semantically meaningful "alt" text - which is kind of cool.
August 12. 2003 kl. 15:31 GMT | #