WFM Web Content Accessibility

From Genesys Documentation
Jump to: navigation, search

Learn how Workforce Management Web for Agents aligns with the Web Content Accessibility Guidelines (WCAG) 2.0, Level AA.

Related documentation:

Overview

Genesys provides a Voluntary Product Accessibility Template® - VPAT® report to document conformance of the Workforce Management (WFM) Web for Agents application to WCAG 2.0 and WCAG 2.1 specifications. The VPAT® report is a standardized template for documenting conformance to various accessibility specifications. The VPAT® report provided by Genesys follows the W3C/WAI’s WCAG 2.0 and WCAG 2.1 specifications, as this is an international standard adopted and recognized by our customers worldwide. The Genesys VPAT® can be downloaded here: Genesys Workforce Management WCAG 2.1 AA VPAT®.

Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible. By following these guidelines, Genesys makes content more accessible to a wider range of people with disabilities and often makes Web content more usable to users in general. WCAG relies on four guiding principles for building accessible UIs, as follows:

  1. Perceivable: Information and user interface components must be presentable to users in ways they can perceive.
  2. Operable: User interface components and navigation must be operable.
  3. Understandable: Information and the operation of user interface must be understandable.
  4. Robust: Content must be robust enough that it can be interpreted by a wide variety of user agents, including assistive technologies.

Support limitations

WFM Web for Agents provides support for WCAG 2.1 Level AA on desktop and mobile devices with the following limitations:

WCAG 2.1 Level AA Plugin support by platform

  • 1.4.10 Reflow (Level AA 2.1 only)—Partially supported.
    Content cannot be displayed without loss of information or functionality when using 320 CSS pixels or the viewport width 1280 CSS pixels wide at 400% zoom. Increasing zoom to 400% with a width of 1280 CSS leads to content overlap.
    Alternatively, the WFM Agent mobile interface can be used as a conforming version with the required 320 pixel wide layout.
  • 2.1.1 Keyboard (Level A)—Partially supported.
    Table headers do not support keyboard selection, but controls were added to support this functionality.
    Currently, users cannot focus table headers and JAWS cannot read them.
  • 2.4.3 Focus Order (Level A)—Partially supported.
    Currently, not all custom dialogs are displayed in a device independent way.

Screen reader support

WFM Web is accessible via screen readers, which announce all of the textual and non-textual page content, dynamic elements (such as modal dialogs), and pop-up and error messages. To achieve a consistent reading experience of live data across all browsers, the recommended ARIA live regions were implemented in Web for Agents and can be used to read new messages.

The WFM Web for Agents application was tested and verified in the following desktop environments:

  • Windows: JAWS Professional Edition version 2020 with Chrome, Firefox, and Internet Explorer 11.
Tip
Not all screen readers read all of the textual and non-textual Windows functionality. There are known issues when using Microsoft Edge with JAWS screen reader as JAWS support for Microsoft Edge is continuing to improve.

Keyboard accessibility

WFM Web for Agents is accessible via the keyboard. Navigate to and within any widget using the Tab key or Shift+Tab key combo. In tables and drop-down menus, navigate using the Arrow keys. The Enter or Space keys can then be used to make selections or to activate buttons.

  • Tab—Advance to the next element
  • Shift+Tab—Go back to the previous element
  • Arrow keys—Navigate in tables and drop-down menus
  • Enter—Make a selection or submit
  • Space—Make a selection or activate a button

Focus trap

For all browsers the currently focused element is always visible in WFM Web for Agents. When the modal dialog is rendering and the background is disabled, the focus is trapped within the content until it is closed. Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. When any component receives focus, it does not initiate a change of context.

Whenever the pointer hovers or the keyboard focus triggers additional content to make it visible, and then hides it, the following are true:

Dismiss

Users can dismiss the additional content without moving the pointer hover or keyboard focus, except when the additional content communicates an input error or does not obscure or replace other content.

Hover

When the pointer hover can trigger additional content, users can move the pointer over the additional content while retaining the content's visibility (it does not disappear).

Persist

Any additional content persists (remains visible) until:

  • The user removes the hover or focus trigger
  • The user dismisses it
  • The information is no longer valid

Color contrast

The text and background colors and control elements now meet WCAG 2.1 Level AA accessibility contrast guidelines. This allows text to be read clearly. Changes were made to increase the color contrast of the data picker and calendar components. Changes include text and background color adjustments to meet the contrast requirements while maintaining the same look and feel. In addition, an outline indicates which element or section is in focus for each widget.

The following table details some examples of the changes included as part of WCAG implementation.

Description Before After
As per Success Criterion 1.4.3 Contrast (minimum) the visual presentation of text and images of text has a contrast ratio of at least 4.5:1. Color contrast-calendar before.png Color contrast-calendar after.png
As per the 1.4.11 Non-text contrast success criterion, icon color has been modified to meet the contrast requirement of at least 3:1 ratio against the adjacent or background color. Color contrast-sch-item before.png Color contrast-sch-item after.png

Browser zoom and text sizing

WFM Web for Agents supports zooming in and out or resizing text using the browser's built-in controls, making it easier for some viewers to read text on the screen.

Important
WFM Web for Agents supports zooming below 200% with no overlapping context. For smaller screens, the Web for Agents Mobile Client displays automatically after login.

Localization

The Lang property is automatically added to the screens in the WFM Web for Agents UI relative to the language installed by the Localization kit, enabling the WFM Web application to be used by screen readers for correct pronunciation. If the browser is set to a language that does not have a supported translation, the language used for WFM Web calendars and date controls may not match the installed language. In this case, the Lang property will be added separately so that screen readers can correctly pronounce the language that was set in the browser.

Resources and tools used

Testing tools

Screen readers

  • JAWS
Retrieved from "https://all.docs.genesys.com/PEC-WFM/WcagWFM (2022-10-01 02:02:05)"