Accessibility improvements
Valid from Pega Version 7.2
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
Valid from Pega Version 7.2
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
Valid from Pega Version 7.2
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 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
Valid from Pega Version 7.2
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
Valid from Pega Version 7.2
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
Valid from Pega Version 7.2
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
Valid from Pega Version 7.2
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.