You are viewing version 6.0.0 of the library, the latest version is
<ul class="navbar-skiplinks">
    <li>
        <a href="#section-1 ">Skip to content</a>
    </li>
</ul>

The navbar-skiplinks element is optional and can be used by keyboard users to skip over the primary navigation directly to the content.

If the item that is skipped to is not focusable; add tabindex="-1" to that element, for example:

<section id="main-content" aria-label="Main content" tabindex="-1">
    ...
</section>

Implementation

Check for a full implementation example the HTML of the navbar component

  • Handle: @navbar-skiplink
  • Preview:
  • Filesystem Path: components/skiplink/navbar-skiplink/navbar-skiplink.hbs