1. Implementing Career Section
  2. Accessibility Best Practices for Career Section

Accessibility Best Practices for Career Section

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

  • Branding

  • Theme

  • Career Section content

  • Job description content

  • Basic Search page

  • Job Details page

  • Job application flow

Branding

Branding allows you to customize the look and feel of the frame surrounding the area displaying the job listings, 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 Career Portal Brand.

Theme

Theme allows you to customize the overall look and feel of 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 Theme.

Career Section Content

You can adjust labels on the Career Section 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. For details about career section content, see Career Portal Pages.

Job Description Content

When you write the job description, make sure the description aligns with accessibility guidelines.

Behaviors Aligned with Accessibility Guidelines

Below are behaviors of the Career Section basic search, job details, and job application flows aligned with accessibility guidelines. It does not include custom or referenced content.

  • Images: Images on the Basic Search page, Job Details page, and application flow contain alternative text describing the image.

  • Headings, Titles, Labels: Headings, titles, and labels on the Basic Search page, Job Details page, and application flow 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 on the Basic Search page, Job Details page, and application flow are presented using ARIA alerts.

  • Labels for Controls: Controls on the Basic Search page, Job Details page, and application flow have labels that help users understand the controls being presented.

  • Instructions do not Rely on Sensory Characteristics: Instructions provided on key parts of the Basic Search page, Job Details page, and application flow do not rely on sensory characteristics such as shape and color.

  • Logical Reading Sequence: The content displayed on the Basic Search page, Job Details page, and application flow 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 on the Basic Search page, Job Details page, and application flow in a logical order. These pages do not contain keyboard traps.

  • Skip Navigation Links: Keyboard users can skip to the main content of the Basic Search page, Job Details page, and application flow, allowing them to efficiently navigate through a page.

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