Published Release Notes

Accessibility improvements

Several improvements are now available that enable application accessibility. These improvements affect the wait indicator, overlays, and collapsible layouts.

The wait indicator, or throbber, announces its status to an assistive technology such as JAWS.

• When loading, the throbber announces “Loading content” or other text that can be edited in the pyThrobberLoadingText property.
• When loading is completed, the throbber announces “Loading completed” or other text that can be edited in the pyThrobberLoadingCompletedText property.
• The loading announcement is set by default to a three-second delay, which can be modified in the pyThrobberAnnouncementDelay property.

Overlays are announced by an assistive technology and overlay content can be tabbed through by using the Tab key without closing the overlay. Overlays can be closed by pressing the Esc key. This behavior applies to all overlays and modal dialog boxes that are opened as local actions and popovers that are part of the autogenerated UI.

All users, including those not using an assistive technology, can focus the expand and collapse feature of a layout by using the Tab key. The expanded or collapsed state is announced by screen readers.

Date control for past and future years

The Date control can be configured to show only past dates, only future dates, or any date range that includes the current year. The Display range can be set to include a configurable range of previous years or next years. The number of years is relative to the user’s date.

Enabling run-time edit in Live UI

When you inspect a rule with the Live UI tool, you can enable editing if editing has not yet been enabled for the application. The Enable live editing link at the top of the property panel adds a run-time edit branch to the current application's definition. A similar option is available when you add or move elements by using Live UI.

Introducing the proximity widget

You can use the new proximity widget to display on a map the open cases that are within a certain distance of your current location. You can configure the widget to show open cases within a radius of up to 50 miles.

For more information, see Proximity widget.

Skins can inherit formats from a parent

Skin inheritance allows a dependent skin to inherit formats and mixins from a parent skin. This feature provides a modular organization of styles, reducing the cost of maintaining skins. You can create a specific mobile skin to include mobile-specific styles and disable unused styles to decrease the size of the CSS. Inherited formats are displayed on the Inheritance tab of the skin. Formats that are specific to the skin are displayed on the My formats tab.

For more information, see Skin inheritance.

Paginated lists in repeating dynamic layouts

Repeating dynamic layouts can now display paginated lists. Pagination reduces the cost of loading the entire list onto the browser. You configure pagination on the General tab of the layout properties.

For more information, see Dynamic Layout Properties - General tab.

Heading level support

You can configure heading levels for containers that support headings. Headings facilitate accessibility by making the UI understandable to assistive technologies. You can edit headings in the Base settings tab of the skin.

For more information, see Base settings.

Revamped view authoring in Cosmos React

Applications that use Cosmos React now feature updated case and portal authoring tools, including more templates, improved view editing, and more intuitive management of UI components.

This change empowers citizen developers to build applications through configuration as opposed to customization, and reduces development time while also providing a prescriptive environment for creating optimal customer experience.

For more information, see Configuring forms and views.

Improved UI accessibility

Pega Platform™ now supports W3C Web Accessibility Initiative guidelines more fully, which creates a better user experience for people who rely on assistive technologies, such as screen readers.

The user interface now features the following enhancements:

• Improved keyboard navigation and updated ARIA attributes for layouts, including dynamic, repeating, and table layouts.
• Updated navigation for AJAX and dynamic containers.
• More precise keyboard navigation and focus control for pop-up components, such as SmartTips.
• Fixed accessibility gaps in out-of-the-box actionable controls and form components, such as buttons and text fields.
• More accessible error messages with improved color schemes and focus control. To meet the WCAG ARIA guidelines, the Show next Error bar has been retired and substituted with more accessible error symbols.
• Accessibility code included in the Pega Platform ruleset by default, without the need for additional configuration.

For more information, see Supported keyboard navigation.

Improved scroll functionality in vertical tabs

When you scroll content in an application that uses the Cosmos theme, the UI now remembers the scroll position even if you switch between vertical tabs, for example, in the case details section. Previously, the application reset the page to the topmost position every time you switched tabs. This update improves the user experience by reducing context switching.