1. Implementing Onboarding (Transitions)
  2. Accessibility Best Practices for Onboarding (Transitions)

Accessibility Best Practices for Onboarding (Transitions)

Areas of the product that can be configured to align with accessibility standards include:

  • Branding

  • Theme

  • Tasks tab content

  • Onboarding content

  • Onboarding tasks

Branding

Branding allows you to customize the look and feel of the frame surrounding the area displaying the Tasks tab in the career section, that is the header, footer, and site navigation. You may need to consider adjusting the font size, font style, color contrast, text size, and layout of screen elements to make them larger and more prominent. For details about branding configuration, see the Career Portal Brand chapter in the Implementing Career Section guide.

Theme

Theme allows you to customize the overall look and feel of the Tasks tab in the career section. Consider using colors that provide the recommended contrast ratio. This includes the configuration of font colors and background colors. Align the colors of the theme so they match the element definition set in the branding file. For details about theme configuration, see the Theme chapter in the Implementing Career Section guide.

Tasks Tab Content

You can adjust labels on the career section Tasks tab to provide clear directions to users. This includes labels on pages, tabs, links, and buttons. When creating or updating page content, consider accessibility guidelines for link purpose, headings, labels, use of color, and sensory characteristics to deliver a more accessible experience to users.

Onboarding Content

When you create content for Onboarding (Transitions) pages, make sure the content aligns with accessibility guidelines.

Tasks Tab Behaviors Aligned with Accessibility Guidelines

Below are behaviors of the Career Section Tasks tab aligned with accessibility guidelines. It does not include custom or referenced content.

  • Images: Images on the Tasks tab contain alternative text describing the image.

  • Headings, Titles, Labels: Headings, titles, and labels displayed to new hires during the onboarding process make the purpose of the screens clear to the users. They are also presented in a manner that help users understand the context of the page they are currently viewing.

  • Event Notification and Error Handling: Errors and notifications displayed to new hires during the onboarding process are presented using ARIA alerts.

  • Labels for Controls: Controls on the Tasks tab have labels that help users understand the controls being presented.

  • Instructions do not Rely on Sensory Characteristics: Instructions provided to new hires during the onboarding process do not rely on sensory characteristics such as shape and color.

  • Logical Reading Sequence: The content displayed to new hires during the onboarding process is presented in a logical manner. Assistive technology understands and presents content of these pages in a logical manner.

  • Logical Tab Order: Keyboard users can tab through elements in a logical order. These pages do not contain keyboard traps.

  • Skip Navigation Links: Keyboard users can skip to the main content of the onboarding process, allowing them to efficiently navigate through a page.

  • Keyboard: Users can navigate the Tasks tab without a mouse and access all relevant functionality using only the keyboard.