In-page navigation helps users scan and navigate to content on the page quickly.
In-page navigation increases discoverability and engagement of content by providing quick access to desired content. Use for longer content pages to act as a table of contents, providing users with a summary and quick navigation to sections.
Do not use to link externally or to another page, consider a text link or list link.
In-page navigation is placed above the main content of a page and anchor links headings to their location in the content.
The lefthand highlight bar visually separates the component from the page content and groups the navigation.
All components are responsive and designed to comply with WCAG 2.2 AA accessibility standards. Full compliance depends on using and configuring the components correctly.