Global Footer

The <nys-globalfooter> component is a reusable web component for use in New York State digital products. It helps provide users with essential information, secondary navigation, legal links, and contact details across all pages.

Example Code

<nys-globalfooter agencyName="Office of Information Technology Services">
 <ul>
    <li><a href="https://its.ny.gov">ITS Home</a></li>
    <li><a href="https://its.ny.gov/about">About ITS</a></li>
  </ul>
</nys-globalfooter>

Options

Without Links

Code

<nys-globalfooter agencyName="Office of Information Technology Services">
</nys-globalfooter>

Usage

When to use this component

Use nys-globalfooter to provide consistent access to essential links like contact details, privacy policies, and terms of use across all pages.
Ideal for displaying organizational information and secondary navigation

When to consider something else

Don’t use the global footer for primary navigation or highly interactive features.
Avoid adding content that is not relevant or essential for all pages.

Do

Include essential links and information users need site-wide.
Minimize the number of links.

Don't

Don't use it for critical alerts or primary navigation.

Accessibility

The nys-globalfooter component includes the following accessibility-focused features:

Proper use of <footer> and <a> elements ensures compatibility with assistive technologies.
Keyboard navigation: Users can tab through all links in the footer.

Properties

Property	Type
`agencyName`	string