<!-- Headers start with h5 ##### -->

The **Side Navigation** is an in-page navigation element that allows users to understand the contents of a page or navigate a paginated step-by-step instruction. It is most closely associated with the <a href="https://designsystem.digital.gov/components/in-page-navigation/" target="_blank" rel="noopener">In-page Navigation Component in the U.S. Web Design System (USWDS)</a> with a few key differences.

---

The **Side Navigation** is used by the [Step by Step](step-by-step) pattern to create a paginated experience that helps users understand how to apply to public benefit programs.

---

The `nav` element must have a unique `aria-label` attribute to help screen readers distinguish it from other `nav` elements. Recommendations for the label from the <abbr title="The U.S. Web Design System">USWDS</abbr> include "On this page," "In this article," or "Table of contents."
