Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Skip Nav: Where do I send the focus to?


  #1  
Old Apr 8, 2009, 06:18 PM
bcorrigan
 
85 posts · Feb 2009
Hi,

I want to add a skip nav link.

I'll put the link at the top of HTML Inserts: Body Top:
HTML Code:
<a class="invisiblelink" title="" href="#content">Skip to Main Content</a>
then I'll put in some CSS to hide this link from users with good vision.

What I would like to know is if there is a way to send the focus to .post-bodycopy, or where I could put something in index.php so I don't have to put something in every post/page?

Any thoughts?

-Bill
  #2  
Old Apr 9, 2009, 07:35 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
If you put <a name="content"></a> right above <!-- Post Body Copy --> in index.php then it would be there on all pages
  #3  
Old Apr 9, 2009, 10:44 AM
bcorrigan
 
85 posts · Feb 2009
Thanks Flynn.

So then to complete this thread, what I'll do is add the following CSS insert:

HTML Code:
/* decorate the Skip to Main Content Link. This moves the link off screen, but still available to screen readers. User who tab will get the link on the screen, and when they press return will jump to the content of the post or page */
.invisiblelink  a {
padding: 0 0.5em; display: inline; z-index: 2;
text-decoration: none; position: absolute; width: 14 em; left: -200em; 
}
.invisiblelink a:focus, .invisiblelink a:active {
position: absolute; width: 14em; left: 0.5em; border: solid #333 2px; color: #fff; background: #555; 
}
Works for me. -Bill

Bookmarks

Tags
accessibility, section 508, wai

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Nav dropdowns appear behind sidebar SWD Page & Category Menu Bars 4 Jul 20, 2009 02:31 AM
Insert "Send by Y!M" c32v Post-Kicker, -Byline & -Footer 4 Apr 29, 2009 12:22 AM
[SOLVED] I love Atahualpa, but what happened to my nav menu formatting? viewdesigninc Page & Category Menu Bars 0 Apr 10, 2009 06:59 PM


All times are GMT -6. The time now is 12:48 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.