[wp-trac] [WordPress Trac] #13643: [twentyten] CSS RTL conflict with "Skip to content" accessibility link

[WordPress Trac]

#13643: [twentyten] CSS RTL conflict with "Skip to content" accessibility link
--------------------------+-------------------------------------------------
 Reporter:  Ornani        |       Owner:  yoavf    
     Type:  defect (bug)  |      Status:  accepted 
 Priority:  normal        |   Milestone:  3.0      
Component:  Themes        |     Version:  3.0      
 Severity:  normal        |    Keywords:  needs-rtl
--------------------------+-------------------------------------------------

Comment(by Ornani):

 yoavf - you are right.
 I have done some research on this topic and I've found this article:
 http://webaim.org/techniques/css/invisiblecontent/

 This is the patch that is working for me and I think should be used
 (rtl.css):
 {{{
 /* Text meant only for screen readers */
 .screen-reader-text {
         left: auto;
         overflow:hidden;
 }

 .screen-reader-text a {
         position:absolute;
         top:-9999px;
         width:1px;
         height:1px;
         overflow:hidden;
 }

 .screen-reader-text a:focus{
         position:static;
         width:auto;
         height:auto;
 }
 }}}

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/13643#comment:7>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software