Skip to content

On this page jump links

Ryan Thurlwell edited this page May 13, 2020 · 2 revisions

layout: default title: On this page jump link draft: true tags: Components, Navigation anchors:

  • anchor: How to build it
  • anchor: When to use the On this page jump link component
  • anchor: When to consider something else
  • anchor: Usability guidance: how to use it
  • anchor: Accessibility
  • anchor: Implementation
  • anchor: Package information

On this page jump link

The On this page jump link component summarizes the sections (h2s) at the top of long pages and allows users to jump down the page to the respective section.

How to build it

Here's what it looks like:

on this page jump link specifications

Guidance

When to use the On this page jump link component

Because the content on VA.gov can be dense and require exposition, pages can get long. Use the On this page jump link component to help users navigate longer pages.

When to consider something else

  • Not all pages are tall and thusly don't warrant On this page jump links.
  • If the content you want users to see is too far down the page, consider the rearranging the content to achieve the desired hierarchy.

Usability guidance: how to use it

Accessibility

Implementation

Package information

  • Package usage:

  • Requires: