LinkedIn
Copied!

Table of Contents

WAI-ARIA roles in a screen layout

Version:

Only available versions of this content are shown in the dropdown

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.

Area position Auto-generated tag WAI-ARIA role
Header <header> banner
Center <main> main
Left panel <aside> navigation
Right panel <aside> complementary
Footer <footer> contentinfo

  • 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

  • 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:

  • 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.

Did you find this content helpful?

Have a question? Get answers now.

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