Help users who rely on screen readers to bypass irrelevant content by configuring custom skip links. Skip links provide users with tools to navigate to the most important parts of the application, and represent one of the most basic accessibility requirements.
For example, a skip link can direct the user straight to the navigation menu, so that the user does not have to tab through the page to reach it.
Pega Platform includes a default pySkipLinksToTarget section that is added automatically to your application. The section includes skip links to the main content, the search bar, and the navigation pane, and you do not need to configure it.
You can expand the default skip link section by configuring custom skip links and saving the section in the application ruleset.
In the header of Dev Studio, click.
In the text field, enter the skip link code.
For example: The code for skip links in Pega Platform is stored in the file
pzpega_ui_doc_focus.js. You can use it as reference for your custom skip link code.
In the upper right corner of the form, click Save.
Search for and open the harness to which you want to add the skip link section.
On the Scripts & styles tab, in the Scripts section, click the Add a row icon.
In the Type field of the new row, select js.
In the Name field, select the text file with the skip link code.
Open the pySkipLinksToTarget section.
From the Action list, add a Link control to the section.
Select the new link, and then click the View properties icon.
In the Cell properties window, on the General and Presentation tabs, define the look and behavior of the link.For more information, see Configuring controls.
On the Actions tab, create a new action set:
Click Create an action set.
In the Function name field, enter the name of the function that you want to assign to the link.
Define the contentType parameter for the area.
On the section form, click Save as.
In the Apply to field, select a class in your application ruleset, and then click Create and open.
Note: Keep the default section name to enable inheritance.
On the section form, click Save.
Adding the script to the harness
Adding the link to the default skip link section
Configuring the custom skip link
Saving the pySkipLinksToTarget section to the application ruleset