This content has been archived.
Close popover

Adding WAI-ARIA roles to a dynamic layout

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.

100% found this useful


Related Content

Have a question? Get answers now.

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