Accessibility Features in Clarity
Clarityproduct team is committed to ensuring support for the WCAG 2.1 AA standard. From release 15.9.1, Accessibility enhancements will be released incrementally to help organizations increase adoption and help users with accessibility requirements to experience
Clarityseamlessly. The following table lists the accessibility improvements addressed in this release:
What is it about?
Who is it for?
What’s the change?
Users with colorblindness
Color contrast and visible focus
Users with limited vision or partial blindness
Popup windows, text areas, and the browser zoom
Users with mobility impairments
Key input, tab order, focus
Note: Special keyboard controls or custom shortcut key combinations are not supported in this release.
Screen reader support
Users with partial or complete blindness
Semantics, hierarchy, page structure
This page lists the accessibility features supported in
Clarity. For information on accessibility features supported in
Classic PPM, see Accessibility Features in
The following components support 4 aspects of accessibility - visual, responsive design, keyboard navigation, and screen reader support:
While the individual components listed below support 4 aspects of accessibility, the overall
ClarityUI is not yet fully accessible. For example, navigating from the Main Left Navigation Menu to the grid, using a keyboard, is not supported at this time. However, once you are inside the grid and in a particular attribute, you can use keyboard controls to perform the required action.
- Text Box
- Text Area
- Single-Value Lookup
- Multi-Value Lookup
- Check Box *
- Radio Group
- Date Picker
- File Attachment *
- Color Picker Component *
- Main Left Navigation Menu
* In limited instances, these components may not meet color contrast, keyboard, or screen reader accessibility. This limitation will be addressed in a future release. For example, the Color Picker meets color contrast requirements but it will be updated in a future release to use the single-value lookup component to support keyboard navigation and screen reader.
Color Consolidation and Mapping
Clarityis introducing a new color palette to improve the overall visual experience for all users including those with accessibility requirements. In previous releases, different sets of color palettes were used for the following elements:
- Project banner and Documents tags
- Custom picklists
- Classic display
- Sequential colors
As part of the upgrade, the previously selected colors are mapped to the new colors and are automatically updated. The following screenshots compare colors used in older releases to the new color palette::
Color Mapping for Project Banner and Document Tags
Color Mapping for Custom Picklists
Color Mapping for Classic Display
Color Mapping for Sequential
Sequential colors represent those that are sequentially applied by the system(for example, per-period metrics in a grid view). The sequence maximizes the visual difference between adjacent colors.
Changes to the Visual Design
The following sections include images that indicate changes to the design and appearance of the supported components to meet the visual design aspect.
Text Box and Text Area Component
Single-Value Lookup Component
Checkbox and Radio Button Components
Date Picker Component
File Attachment Component
Color Picker Component
Color Picker - Custom Picklist