Campus Web Committee

"Skip Link" Procedure

In order to meet ADA compliance requirements, add this code to your style sheet and web pages. You may change the designated colors.  If you need help, please contact staff in Instructional Design or the college Web Coordinator  webmaster@highline.edu.

Add to your stylesheet:

 a.InvisiLink:link {color: #FFFFFF; /* same color as background */}
a.InvisiLink:visited {color: #FFFFFF; /* same color as background */}
a.InvisiLink:active {color: #dbb816; }
a.InvisiLink:hover {color: #dbb816; background-color: #ffffff}

.InvisiLink:focus, .InvisiLink:active { /* "focus" works for Mozilla,
"active" for IE */
color: #003366; /* changes to blue */
}

In your page code, add this after the opening body tag:
<a href="#main" class="InvisiLink">Skip to Main Content</a>

At the point where the main content begins, add the anchor:
<a name="main"></a>

 

This page was last updated  June 08, 2006