UNav Footer

The <nys-unavfooter> component renders the Universal Navigation Footer -- a standardized statewide footer that displays the NY.gov logo and links to Agencies, App Directory, Counties, Events, Programs, and Services. It is a required element on all New York State websites and applications, ensuring consistent statewide branding and navigation across every digital product.

Copy Code
<nys-unavfooter></nys-unavfooter>

Can't use NYS Design System web components in your project? Try using the CSS Variables instead.


Accessibility

The <nys-unavfooter> component includes the following accessibility-focused features:

  • Renders a <footer> landmark element, which screen readers identify as a contentinfo region. When both <nys-globalfooter> and <nys-unavfooter> are present, the page has two contentinfo landmarks, both discoverable by assistive technology.

  • The NY.gov logo link includes an aria-label of "logo of New York State" for screen readers.

  • All statewide navigation links use standard <a> elements, ensuring they are keyboard-focusable and announced correctly.

  • Keyboard navigation: users can Tab through all links in the footer in logical reading order.

    Additional accessibility test and build content is coming soon, in a new format.


Options

There are no configurable options for this component. It is intended to be used as-is to ensure consistency across all New York State digital products.

Usage

When to use this component

  • Use on every New York State website and application. The Universal Navigation Footer is a required element per NYS web policy.
  • Place as the very last element in the page, below <nys-globalfooter>. Together, these two components form the complete footer structure: the Global Footer provides agency-specific links, and the UNav Footer provides statewide links.

When to consider something else

  • There is no alternative. This component is required on all NYS sites. Do not replace it with a custom footer.
  • Do not place the UNav Footer anywhere other than the absolute bottom of the page.

Do

  • Place the <nys-unavfooter> as the last element on every page, immediately after <nys-globalfooter>.
  • Include it on every page of your site, including error pages, login screens, and landing pages.
  • Use it as-is with no configuration. The component handles its own content and styling.

Don't

  • Don't place the UNav Footer anywhere other than the absolute bottom of the page.
  • Don't attempt to customize, restyle, or override the UNav Footer's content or appearance. Consistency across all state sites is the purpose of this component.
  • Don't omit the UNav Footer from any page on your site.

Properties

There are no properties for this component.


Style Overrides

The nys-unavfooter does not have any css variables because this component must remain consistent across applications and sites.


Events

This component does not emit any custom events.

Suggest a New Component

Do you have an idea for a new NYS Design System web component? Look through the existing proposals in our GitHub discussions board to see if someone already proposed something similar. If not, feel free to submit one.

Edit this page on GitHub (Permissions required)

Last updated: May 28, 2026