Bill Moseley wrote: > Question: > > What's the best way to move text off screen and allow a background > image to still show? And done with accessibility in mind? >
Answer: Sorry, but from what I've seen there is no _good_ way to do this, with current standards and implementations. Your robust choices are: 1. Just leave the text on-screen. 2. Failing that, use an IMG element with ALT, since this is a widely supported technology. > so I have some text, but move it off screen so only a calendar icon > shows. Of course, it would also be best if screen readers would read > the text. I wonder if you're conflating accessibility and screen reader access. Don't forget people with colorblindness or other visual impairments who need to use their own color settings: http://www.w3.org/TR/WCAG20/#visual-audio-contrast Using your own colors typically requires background images be overridden. But nothing shifts off-screen text back into position. Not even overlaying text with an element with a background-image is robust, since user background colors may apply to that element. You can experiment with these sort of scenarios using, for example: * Windows High Contrast settings and IE7 * Firefox 3 Options (set and enforce your own colors) * Opera 9.52 View options (try the High Contrast view) background-image and position hacks don't work, but future CSS standards may include features for image replacement: http://www.w3.org/TR/css3-content/#inserting3 -- Benjamin Hawkes-Lewis ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
