'Skip Navigation' links for Table-based layouts

Let's talk about interface elements, validation, and Sec. 508.

Moderators: rcrisler1, saltybeagle

'Skip Navigation' links for Table-based layouts

Postby rcrisler1 » Tue Apr 19, 2005 4:12 pm

It has come to our attention that we need to add 'skip navigation' links to our pages.

To do so on the table-based layouts, do the following:

Add the following as the first line of code after the opening body tag:
<a href="#maincontent" class="skipnav">Skip Navigation</a>

Add the following as the first line of code after the 'THIS IS THE MAIN CONTENT AREA' comment:
<a name="maincontent"></a>

We were unfortunately not able to code these tags into the sharedcode files. These changes will require individual edits to each file.

'Skip navigation' links are included in the latest version of the UNL site templates. Brett will be making a post soon describing how to update your CSS-based templates to the latest version (implementing 'Skip navigation' links) in Dreamweaver.

Credit to Pam Peters for pointing out this issue.

Robert J Crisler
Manager, Internet and Interactive Media
University Communications
321 Canfield Administration Building
University of Nebraska-Lincoln
Site Admin
Posts: 153
Joined: Wed May 12, 2004 12:20 pm
Location: Lincoln

Postby saltybeagle » Thu Apr 21, 2005 11:31 am

I've updated the CSS UNL Templates to include Skip Navigation links... information on how to update your pages can be found in the topic I posted within the Template Source Code Forum.
Brett Bieber
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Return to Usability/Accessibility

Who is online

Users browsing this forum: No registered users and 1 guest