Service Portal / Widgets

Employee Center footer

Allow users to quickly navigate the Employee Center portal present legal, privacy, and other regulatory content

Overview

  • Release version
    Yokohama
  • Available sinceUtah
  • A11Y WCAG 2.1 AA

The Employee Center footer provides a space for supplemental information and links like legal disclaimers, privacy policies, contact information, and links to relevant resources. It provides a consistent bottom-of-page experience, reinforcing the portal's structure and providing access to essential details.

Important

Unlike other widgets in the portal, you must add a footer to your portal by configuring it in the Theme form. For more information on adding a footer to a portal, see Add a header or footer to a portal.

ServiceNow Docs link
Employee Center footer documentation

Configure the Employee Center footer

Figma link
Employee Center Components and variables

Figma library with components for designing Employee Center.

null

When to use

Use when you need to provide essential company information like contact details (address, email, phone number), copyright notice, or links to important pages at the bottom of every employee portal page.

When not to use

Avoid using this footer if your portal prioritizes a clean, minimal aesthetic, or the primary navigation already offers comprehensive access to critical links.

Usage

The Employee Center footer widget is designed to be a static, persistent element at the bottom of every page within the Employee Center. It should be used to:

  • Provide global links: Include links to essential resources like privacy policies, terms of service, accessibility statements, and contact information.
  • Display copyright information: Clearly indicate the copyright and ownership of the portal.
  • Offer quick access: Facilitate quick access to important areas of the portal or external resources.
  • Maintain consistency: Ensure a uniform footer experience across all pages for a cohesive user journey.

Anatomy

The Employee Center footer widget typically comprises the following components:

Responsive breakpoint — desktop

  1. Logo: Displays the organization's logo. Unlike the header, this does not link back to the Employee Center homepage.
  2. Organizational content: Information about the company
  3. Link groups (optional): Sections for grouping related links.
  4. Links: Individual hyperlinks to internal or external resources.
  5. Bottom links: Links to legal documents such as Terms of Service, Privacy Policy, or other relevant disclaimers.
  6. Social icons/links: Icons linking to the organization's official social media profiles..
  7. Copyright information: Usually includes the copyright symbol ©, the year, and the name of the organization.

Responsive breakpoint — mobile

  1. Logo: Displays the organization's logo. Unlike the header, this does not link back to the Employee Center homepage.
  2. Organizational content: Information about the company
  3. Link groups (optional): Sections for grouping related links.
  4. Links: Individual hyperlinks to internal or external resources.
  5. Bottom links: Links to legal documents such as Terms of Service, Privacy Policy, or other relevant disclaimers.
  6. Social icons/links: Icons linking to the organization's official social media profiles..
  7. Copyright information: Usually includes the copyright symbol ©, the year, and the name of the organization.

Instance options

This section is purposefully left empty because there are no instance options to change for this widget. You have to configure the Employee Center footer in the Theme.

Usability

The Employee Center footer complies with all internationalization and accessibility requirements.

Internationalization

Accessibility

Learn how to access the actionable elements of the Employee Center header through keyboard interactions and screen readers.  Employee Center footer tab order

Keyboard interactions

You can access the actionable elements of the Employee Center header with these keyboard interactions:

  • Tab: Navigates between header components (logo, navigation items, search bar, user profile, notifications).
  • Enter: Activates a selected header component (navigation item, search, profile option).
  • Escape: Closes the user profile dropdown or search suggestions.
  • Spacebar: Opens or closes the hamburger menu.