Comments on: Use CSS3 transforms, makes your pages more accessible! http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/ Musings, tips and tricks about the accessible software world Thu, 11 Mar 2010 18:17:19 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Laura Carlson (lauracarlson) 's status on Friday, 11-Sep-09 23:16:52 UTC - Identi.ca http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-21484 Laura Carlson (lauracarlson) 's status on Friday, 11-Sep-09 23:16:52 UTC - Identi.ca Fri, 11 Sep 2009 23:17:02 +0000 http://www.marcozehe.de/?p=168#comment-21484 [...] http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/ a few seconds ago from web [...] [...] http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/ a few seconds ago from web [...]

]]> By: Henny Swan http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20425 Henny Swan Wed, 19 Aug 2009 20:11:31 +0000 http://www.marcozehe.de/?p=168#comment-20425 @Ms2ger well we hope to fix that and glad you road tested O10b3 :) By the way, I also found Håkon's presentation from SXSW 09 if that's of interest http://people.opera.com/howcome/2009/talks/03-css3.html @Ms2ger well we hope to fix that and glad you road tested O10b3 :)

By the way, I also found Håkon’s presentation from SXSW 09 if that’s of interest
http://people.opera.com/howcome/2009/talks/03-css3.html

]]> By: Ms2ger http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20422 Ms2ger Wed, 19 Aug 2009 18:10:31 +0000 http://www.marcozehe.de/?p=168#comment-20422 @Henny: Thanks! It's just that I was rather disappointed when I tested in Opera 10b3 and they turned out not to work. @Henny: Thanks! It’s just that I was rather disappointed when I tested in Opera 10b3 and they turned out not to work.

]]> By: Henny Swan http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20413 Henny Swan Wed, 19 Aug 2009 14:08:57 +0000 http://www.marcozehe.de/?p=168#comment-20413 @Maxx and @Ms2ger - I'm an Opera person and am happy to say that CSS transforms are on their way. You can check out this article about our CTO Håkon Wium Lie discussing upcoming CSS support in Opera along with a short video demo: http://webworkerdaily.com/2009/03/27/opera-still-cooking-with-css3-on-the-way/ @Maxx and @Ms2ger – I’m an Opera person and am happy to say that CSS transforms are on their way. You can check out this article about our CTO Håkon Wium Lie discussing upcoming CSS support in Opera along with a short video demo:
http://webworkerdaily.com/2009/03/27/opera-still-cooking-with-css3-on-the-way/

]]> By: Maxx Hilberer http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20411 Maxx Hilberer Wed, 19 Aug 2009 13:25:22 +0000 http://www.marcozehe.de/?p=168#comment-20411 @Ms2ger: even if Opera 10 will not be able to render Transforms (i thought Opera announced their support some times ago...), it won't affect many users anyhow. Transforms fortunately don't need no fallback, so IE and Opera will display text boxes as they did since the beginning of time :) @Ms2ger: even if Opera 10 will not be able to render Transforms (i thought Opera announced their support some times ago…), it won’t affect many users anyhow. Transforms fortunately don’t need no fallback, so IE and Opera will display text boxes as they did since the beginning of time :)

]]> By: Henny Swan http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20408 Henny Swan Wed, 19 Aug 2009 12:49:17 +0000 http://www.marcozehe.de/?p=168#comment-20408 You're right Marco in that accessibility in SVG is definitely being talked about with more work planned http://www.w3.org/TR/SVGTiny12/access.html. There have also been discussions within W3C that WAI-ARIA version 2 will look more closely at making SVG accessible. Of course the drawback here is that we're waiting for screen reader to catch up and work nicely with SVG. More info on my blog at http://www.iheni.com/just-how-accessible-is-svg/ . You’re right Marco in that accessibility in SVG is definitely being talked about with more work planned http://www.w3.org/TR/SVGTiny12/access.html.

There have also been discussions within W3C that WAI-ARIA version 2 will look more closely at making SVG accessible. Of course the drawback here is that we’re waiting for screen reader to catch up and work nicely with SVG.

More info on my blog at http://www.iheni.com/just-how-accessible-is-svg/ .

]]> By: MarcoZehe (Marco Zehe) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20407 MarcoZehe (Marco Zehe) Wed, 19 Aug 2009 11:38:01 +0000 http://www.marcozehe.de/?p=168#comment-20407 <strong>Twitter Comment</strong> <a href="http://twitter.com/MarcoZehe" title="Twitter Comment" rel="nofollow"> <div title="MarcoZehe (Marco Zehe)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="MarcoZehe (Marco Zehe)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/MarcoZehe) no-repeat top;cursor:hand;"> </div> </a> @theunfocused a11y for SVG is still being discussed in the WG AFAIK. There was talk of using WAI-ARIA, but don't know where that is now.<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


@theunfocused a11y for SVG is still being discussed in the WG AFAIK. There was talk of using WAI-ARIA, but don’t know where that is now.

– Posted using Chat Catcher

]]> By: css3watcher (css3watcher) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20406 css3watcher (css3watcher) Wed, 19 Aug 2009 11:26:57 +0000 http://www.marcozehe.de/?p=168#comment-20406 <strong>Twitter Comment</strong> <a href="http://twitter.com/css3watcher" title="Twitter Comment" rel="nofollow"> <div title="css3watcher (css3watcher)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="css3watcher (css3watcher)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/css3watcher) no-repeat top;cursor:hand;"> </div> </a> RT @stcaccess: Play with text on web pages, but stay accessible. How? With CSS3 Transforms. [link to post] (@MarcoZehe via @ezufelt)<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


RT @stcaccess: Play with text on web pages, but stay accessible. How? With CSS3 Transforms. [link to post] (@MarcoZehe via @ezufelt)

– Posted using Chat Catcher

]]> By: stcaccess (STC AccessAbilitySIG) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20405 stcaccess (STC AccessAbilitySIG) Wed, 19 Aug 2009 11:19:58 +0000 http://www.marcozehe.de/?p=168#comment-20405 <strong>Twitter Comment</strong> <a href="http://twitter.com/stcaccess" title="Twitter Comment" rel="nofollow"> <div title="stcaccess (STC AccessAbilitySIG)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="stcaccess (STC AccessAbilitySIG)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/stcaccess) no-repeat top;cursor:hand;"> </div> </a> Play with text on web pages, but stay accessible. How? With CSS3 Transforms. [link to post] (@MarcoZehe via @ezufelt)<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


Play with text on web pages, but stay accessible. How? With CSS3 Transforms. [link to post] (@MarcoZehe via @ezufelt)

– Posted using Chat Catcher

]]> By: css3watcher (css3watcher) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20404 css3watcher (css3watcher) Wed, 19 Aug 2009 11:12:57 +0000 http://www.marcozehe.de/?p=168#comment-20404 <strong>Twitter Comment</strong> <a href="http://twitter.com/css3watcher" title="Twitter Comment" rel="nofollow"> <div title="css3watcher (css3watcher)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="css3watcher (css3watcher)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/css3watcher) no-repeat top;cursor:hand;"> </div> </a> RT @ezufelt: Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post] RT @MarcoZehe<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


RT @ezufelt: Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post] RT @MarcoZehe

– Posted using Chat Catcher

]]> By: ezufelt (Everett Zufelt) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20403 ezufelt (Everett Zufelt) Wed, 19 Aug 2009 11:05:57 +0000 http://www.marcozehe.de/?p=168#comment-20403 <strong>Twitter Comment</strong> <a href="http://twitter.com/ezufelt" title="Twitter Comment" rel="nofollow"> <div title="ezufelt (Everett Zufelt)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="ezufelt (Everett Zufelt)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/ezufelt) no-repeat top;cursor:hand;"> </div> </a> Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post] RT @MarcoZehe<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post] RT @MarcoZehe

– Posted using Chat Catcher

]]> By: Ms2ger http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20402 Ms2ger Wed, 19 Aug 2009 10:46:19 +0000 http://www.marcozehe.de/?p=168#comment-20402 "and Opera 10 beta" – I wish that was true, but it doesn't seem to be. “and Opera 10 beta” – I wish that was true, but it doesn’t seem to be.

]]> By: css3watcher (css3watcher) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20401 css3watcher (css3watcher) Wed, 19 Aug 2009 10:41:58 +0000 http://www.marcozehe.de/?p=168#comment-20401 <strong>Twitter Comment</strong> <a href="http://twitter.com/css3watcher" title="Twitter Comment" rel="nofollow"> <div title="css3watcher (css3watcher)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="css3watcher (css3watcher)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/css3watcher) no-repeat top;cursor:hand;"> </div> </a> RT @domasofan: rt @MarcoZehe: Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post]<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


RT @domasofan: rt @MarcoZehe: Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post]

– Posted using Chat Catcher

]]> By: standapl (standapl) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20400 standapl (standapl) Wed, 19 Aug 2009 10:39:58 +0000 http://www.marcozehe.de/?p=168#comment-20400 <strong>Twitter Comment</strong> <a href="http://twitter.com/standapl" title="Twitter Comment" rel="nofollow"> <div title="standapl (standapl)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="standapl (standapl)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/standapl) no-repeat top;cursor:hand;"> </div> </a> @MarcoZehe CSS und Internet Explorer - das ist eine unendliche tragische Serie. :-( Oder besser gesagt Horror?<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


@MarcoZehe CSS und Internet Explorer – das ist eine unendliche tragische Serie. :-( Oder besser gesagt Horror?

– Posted using Chat Catcher

]]> By: theunfocused (Blair McBride) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20399 theunfocused (Blair McBride) Wed, 19 Aug 2009 10:39:00 +0000 http://www.marcozehe.de/?p=168#comment-20399 <strong>Twitter Comment</strong> <a href="http://twitter.com/theunfocused" title="Twitter Comment" rel="nofollow"> <div title="theunfocused (Blair McBride)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="theunfocused (Blair McBride)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/theunfocused) no-repeat top;cursor:hand;"> </div> </a> @MarcoZehe on a related note, how well supported is SVG for accessibility?<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


@MarcoZehe on a related note, how well supported is SVG for accessibility?

– Posted using Chat Catcher

]]> By: domasofan (Simon Eigeldinger) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20398 domasofan (Simon Eigeldinger) Wed, 19 Aug 2009 10:37:58 +0000 http://www.marcozehe.de/?p=168#comment-20398 <strong>Twitter Comment</strong> <a href="http://twitter.com/domasofan" title="Twitter Comment" rel="nofollow"> <div title="domasofan (Simon Eigeldinger)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="domasofan (Simon Eigeldinger)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/domasofan) no-repeat top;cursor:hand;"> </div> </a> rt @MarcoZehe: Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post]<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


rt @MarcoZehe: Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post]

– Posted using Chat Catcher

]]> By: css3watcher (css3watcher) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20396 css3watcher (css3watcher) Wed, 19 Aug 2009 09:33:01 +0000 http://www.marcozehe.de/?p=168#comment-20396 <strong>Twitter Comment</strong> <a href="http://twitter.com/css3watcher" title="Twitter Comment" rel="nofollow"> <div title="css3watcher (css3watcher)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="css3watcher (css3watcher)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/css3watcher) no-repeat top;cursor:hand;"> </div> </a> RT @fernmuendlich: RT @MarcoZehe Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post]<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


RT @fernmuendlich: RT @MarcoZehe Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post]

– Posted using Chat Catcher

]]> By: css3watcher (css3watcher) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20394 css3watcher (css3watcher) Wed, 19 Aug 2009 09:12:00 +0000 http://www.marcozehe.de/?p=168#comment-20394 <strong>Twitter Comment</strong> <a href="http://twitter.com/css3watcher" title="Twitter Comment" rel="nofollow"> <div title="css3watcher (css3watcher)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="css3watcher (css3watcher)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/css3watcher) no-repeat top;cursor:hand;"> </div> </a> RT @ScreenOrigami: RT @MarcoZehe Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post]<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


RT @ScreenOrigami: RT @MarcoZehe Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post]

– Posted using Chat Catcher

]]> By: ScreenOrigami (Sandra Kallmeyer) http://www.marcozehe.de/2009/08/19/use-css3-transforms-makes-your-pages-more-accessible/comment-page-1/#comment-20393 ScreenOrigami (Sandra Kallmeyer) Wed, 19 Aug 2009 09:11:00 +0000 http://www.marcozehe.de/?p=168#comment-20393 <strong>Twitter Comment</strong> <a href="http://twitter.com/ScreenOrigami" title="Twitter Comment" rel="nofollow"> <div title="ScreenOrigami (Sandra Kallmeyer)" style="float:left;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://www.marcozehe.de/wp-content/plugins/chatcatcher/picbg.jpg) no-repeat top;cursor:hand;"> </div> <div title="ScreenOrigami (Sandra Kallmeyer)" style="float:left;margin-left:-70px;margin-right:10px;padding:0;width:60px;height:60px;background:url(http://purl.org/net/spiurl/ScreenOrigami) no-repeat top;cursor:hand;"> </div> </a> RT @MarcoZehe Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post]<br /><br /> - <a href="http://chatcatcher.com" target="_blank" rel="nofollow">Posted using Chat Catcher</a> Twitter Comment


RT @MarcoZehe Want to show rotated text? Use CSS3 Transforms, makes your pages more accessible! [link to post]

– Posted using Chat Catcher

]]>