Adding WAI-ARIA roles to a Dynamic Layout
WAI-ARIA roles are added to a dynamic layout to provide semantic information about the role of the dynamic layout on the page. The settings for WAI-ARIA roles appear on the General tab of the dynamic layout properties modal dialog. To add an ARIA role to a dynamic layout:
- Click the gear icon on a dynamic layout to open the properties.
- In the dynamic layout cell properties, expand the Accessibility options.
- Select a Role Type. For a description of the various role types and subsequent values, visit the World Wide Web Consortium web site at w3.org.
- Select a Value. The value will differ depending on the role type selected.
- Add a label in the Descriptors area. The label should be a short description of that the dynamic layout content.
- Accessibility and Pega Platform
Pega Platform uses the Accessible Rich Internet Application (ARIA) roles to support accessibility. WAI-ARIA roles are a World Wide Web Consortium (W3C) ontology that specifies roles, states, or properties for each element. WAI-ARIA roles provide semantic information about features, structures, and behaviors allowing assistive technologies to conve
- WAI-ARIA Roles
Pega Platform supports accessibility through the use of Accessible Rich Internet Application (WAI-ARIA) roles. The WAI-ARIA role indicates the type of content or functionality within the dynamic layout. Roles may be added to a dynamic layout specify the role of the dynamic layout. By default, WAI-ARIA roles are assigned to screen layouts and dynam
- WAI-ARIA roles in a screen layout
Screen layouts include WAI-ARIA roles by default. The table below details the area of the screen layout and the corresponding auto-generated HTML tag and the WAI-ARIA role assigned to that area by default.
- Adding a main content link to a dynamic layout
A main content link allows a user navigating an application with the keyboard to tab through the interface to pass over non-essential elements and move directly to the most important area of the page. Tabbing past navigation, banners, and non-essential content saves the user time in reaching the main content area.