Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 8 Next »

This allows screen reader and keyboard only users to skip repetitive navigation menu links and go straight to the main content area.  

  • Make sure a “skip to main content” link has been incorporated to all site pages. 

  • The link also needs to be visible for sighted keyboard only users. 

  • The link should be placed at the very top of the page and link to the beginning of the main content area.

Example:

<a href="#maincontent" class="skip-link visually-hidden visually-hidden-focusable">Skip to main content</a>

<main id="maincontent" role="main">
<h1> Page title</h1>
<p>This is the beginning of the main content area</p>
</main>
  • No labels