Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

This content has been archived and is no longer being updated.

Links may not function; however, this content may be relevant to outdated versions of the product.

Adding WAI-ARIA roles to a dynamic layout

Updated on September 1, 2015

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.

Dyanic layout properties panel

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

The Role > Value field under the Accessibility section

  1. Click Submit to save the dynamic layout properties.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us