Providing Links to Skip Repetitive Navigation

This section explains how to design applications according to the following WCAG 2.0 standard:

2.4.1 - Bypass Blocks: A mechanism is available to bypass blocks of content that are repeated on multiple Web pages.

Use page anchors to enable users to jump to other areas of a page. For example, if a page contains a group of navigation links or a series of four or more text buttons in a row, users who navigate using the keyboard might not want to tab through those links or buttons every time they visit the page. You can enable them to skip repetitive page controls by adding a page anchor labeled “Skip Toolbar and Navigation Links” before the repetitive controls. You might also want to provide a way for users to return to the repetitive controls, if they need them, by including another page anchor labeled “Return to Toolbar and Navigation Links” to take them back.

To add these page anchors:

1. Insert a push button/hyperlink object on the page using PeopleSoft Application Designer.

   Locate the new object immediately before the controls to be skipped.

2. Open the properties for the new object.

3. On the Type tab, change the type to Hyperlink, add a record and field name, and change the destination to Page Anchor.

   Leave the related control blank. You add this information after you create the return object.

4. On the Label tab, enter a label using the Message Catalog.

5. On the General tab, enter a page field name and select the Enable as Page Anchor check box.

   The page field name is used as a reference later in the PeopleCode.

6. Add another push button/hyperlink object to the page after the repetitive controls that you want to skip.

7. Open the properties for the new object.

8. On the Type tab, change the type to Hyperlink, add a record and field name, change the destination to Page Anchor, and enter the page field name for the first object (the name that you entered on the General tab of the properties for that object) in the Related Control field.

9. On the Label tab, enter a label using the Message Catalog.

10. On the General tab, enter a page field name and select the Enable as Page Anchor check box.

11. Open the properties for the first object again and enter the page field name of the second object in the Related Control field on the Type tab.

12. Click OK, and then save the page.

13. Add PeopleCode to hide the page anchors when the Accessibility Layout option is set to Screen Reader Off for users. For example:

    /* Check if screen reader mode is on. If on then show anchors else hide the anchorst */
    &access = GetUserOption("PPTL", "ACCESS");
    If &access = "A" Then
    		GetField(HRS_J03_NAV_WRK.HRS_J0360_SKIP).Visible = True;
    		GetField(HRS_J03_NAV_WRK.HRS_J0360_RET).Visible = True;
    Else
    		GetField(HRS_J03_NAV_WRK.HRS_J0360_SKIP).Visible = False;
    		GetField(HRS_J03_NAV_WRK.HRS_J0360_RET).Visible = False;