Assigning Landmarks via ARIA Roles in the Layout

ARIA Landmark roles provide a powerful way to identify the layout and structure of portal and application pages. By classifying and labeling sections of a page, they make it possible to programmatically represent structural information that is conveyed visually through the layout. Screen readers use landmark roles to enable keyboard navigation to important sections of a page. Landmark regions can also be used as targets for "skip links" and by browser extensions to improve keyboard navigation.

The following image illustrates a possible landmark structure for a portal or application page.

Default Landmarks in Intrexx's Accessible Layout

In the Intrexx accessible layout, key landmarks are already preset. These include, among others, "banner," "navigation," and "main."

Step-by-Step

You can review or change the preset landmarks. You can also define landmarks for each structural element.

  1. To do this, open the Intrexx Accessible Layout in the "Design" module.

  2. Enable the structure view.

  3. Select the appropriate item.

    In the Element Settings section, "Landmark" is displayed in the "Role" drop-down menu.

    banner

    navigation

    main

  4. Select any structural element and, in the Element Settings section, choose the desired landmark from the "Role" drop-down menu.

More Information

Landmark Regions