Search functionality present for >50 items or deep site structure

The 21st Century IDEA Act requires government websites to be searchable. For sites with 50+ pages or hierarchies 4 levels deep, navigation alone cannot surface content reliably — citizens searching for a specific benefit, regulation, or form cannot be expected to know which section of the site to browse. The absence of search on large government sites disproportionately affects citizens with lower digital literacy, who rely on keyword search rather than browsing navigation to find services. It also raises average time-on-task for all users and increases support call volume when citizens cannot self-serve.

For sites with 50+ pages or 4+ levels of hierarchy, implement a site search feature. The fastest path is a USWDS-styled search form powered by Search.gov — the free federal search platform — or a local index with a library like Pagefind.

// app/search/page.tsx — using Search.gov embed
export const metadata = { title: 'Search | Agency Name' }

export default function SearchPage() {
  return (
    <main>
      <h1>Search</h1>
      {/* Replace YOURSITEID with your Search.gov affiliate name */}
      <form action="https://search.usa.gov/search" method="get">
        <input type="hidden" name="affiliate" value="YOURSITEID" />
        <label htmlFor="query">Search this site</label>
        <input className="usa-input" id="query" type="search" name="query" />
        <button className="usa-button" type="submit">Search</button>
      </form>
    </main>
  )
}

Register at search.gov to get your affiliate ID. Add a search link or search box to your site header using the usa-search component class.