Re: [css-d] Best IR technique ?
Guillaume wrote: Hi all, could someone advise the best/safest Image Replacement (IR) technique to use: cross browser friendly, screen reader accessible. ... We did some testing of various techniques over on Access Matters. (1) Best is debateable, as each of the techniques has strengths and weaknesses. (1) http://www.access-matters.com/2005/05/08/quiz-114-image-replacement-techniques/ -- Bob Easton Accessibility Matters: http://access-matters.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Best IR technique ?
Hi all, could someone advise the best/safest Image Replacement (IR) technique to use: cross browser friendly, screen reader accessible. Seems the classic Todd Fahrner method is not catched safely by all screen readers and just fails if the server never sends the image. Another method suggests to use text-indent:-999em, but causes problems with Ie 5 Win wich will also indent the background-image. A last method suggested by Pixy uses z-index and absolute positioning to cover the text with the replacing image. Is this last method safe and the best one ? Any other IR tricks to mention/point ? Thanks. Guillaume. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Best IR technique ?
BTW: http://css-discuss.incutio.com/?page=ImageReplacement A last method suggested by Pixy uses z-index and absolute positioning to cover the text with the replacing image. Is this last method safe and the best one ? This one is bulletproof. If you can live with it's non-semantic overhead, it's best solution. Any other IR tricks to mention/point ? Anatoly's DIR http://fecklessmind.com/main/5/definitive-solution-to-image-replacement Dynatext http://alistapart.com/articles/dynatext/ -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Best IR technique ?
Guillaume wrote: Any other IR tricks to mention/point ? http://www.tjkdesign.com/articles/tip.asp Thierry | www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Best IR technique ?
On 8/30/05, Guillaume [EMAIL PROTECTED] wrote: Hi all, --snip-- Any other IR tricks to mention/point ? Thanks. Guillaume. You know, I've tried a DOM technique[1] one with success. But don't know if it's screen reader accessible. Anyone know? But I had to change one part of the script: the part that checks for browser support of image replacement. The original script would work intermittently, i.e. one refresh the script would replace images vs. another refresh the script wouldn't do anything. You can see the modified-DOM technique here on my work's project website (with the part I added from Landridge's book DHTML Utopia): http://samples.slackbarshinger.com/ (JS code: http://samples.slackbarshinger.com/js/toggle-image.js) The script replaces the H1 element with the appropriate image. If anyone has any improvements I can make to the scripts, /please/ let me know. I'm still learning DOM. ;-) ciao, Zulema [1] DOM - Image replacement http://www.quirksmode.org/dom/fir.html -- !!blue w e b d e s i g n e r folio: http://zoblue.com blog: http://blog.zoblue.com browser: http://getfirefox.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/