Labeling dynamic layouts with their individual WAI-ARIA ​(Web Accessibility Initiative Accessible Rich Internet Applications) role allows assistive technologies, such as screen readers, to receive information about the dynamic layout function in the user interface.

The WAI-ARIA role of a dynamic container establishes what function the layout performs in the user interface. For example, a dynamic layout that contains a menu might be assigned the WAI-ARIA Navigation role. A dynamic layout can also be assigned the role of main content, much like a dynamic container or the center panel of a screen layout.

When you create an accessible application, make sure that you label dynamic layouts with the correct WAI-ARIA role.

Assigning a role to a dynamic layout

In your application, open the dynamic layout to which you want to assign a role.

1. Click the Gear icon to open the dynamic layout properties panel, and scroll down to the Accessibility area.
2. Select a Role Type and click Select. In this example, the section contains a button. The role type is Component/Widget.

3. Select the Value. In this example, the Value is Button.

4. Click Submit to save the dynamic layout properties.