Creating your skip links | ejcross.com

By ejcross 306 days ago from http://ejcross.com

This is the third and last article on the series and I am going to show you how to create hidden skip links for your site. If you want to show your skip links, there are numerous methods to do so, and I wonâ€™t cover them here as each site design is unique. The basic code will still apply so you will need to style it to fit into your site accordingly.

I will use my site here as the example for creating and styling hidden skip links. The method used relies upon semantic xHTML code with CSS for the styling. All we are going to do is add a couple of idâ€™s to an unordered list and move it off screen. We will also make it accessible so that it will appear if â€œactiveâ€ to the user.