Adding Skip Links to a Website

A skip (navigation) link provides a way for users of assistive technology to skip what can often be many navigation links.

  • This skip link should go right after the body tag, (it should be the first thing a keyboard user would tab to on your web page).
  • Hide the skip link from sighted users but ensure that the link becomes visible when it is in focus.
  • Include a href that links to the main content of the web page. Often you will want to have an href such as href=’#main-content.’
  • Include clear link text so that users of assistive technology know exactly what clicking on the skip link will do.

How to add skip links using the WP ADA Compliance Plugin

Adding a skip link

  1. From the Dashboard menu choose “Web Accessibility > Settings”.
  2. Click on the “Content Filters” tab.
  3. Scroll down the page until you see “Add Missing Skip Links”.
  4. Enter the link text – Note: It is important that the first link that is entered is the primary skip link which should take the user to the main content of your page.
  5. Enter a URL or # sign and the ID for the section on the page that includes the target content
  6. Click “Add Landmark”.
Scroll to Top Accessibility Tools
hide

Post a Review & Save 25%

Post a review on Wordpress.org, then send us a link to your review to receive 25% off of any software purchase.