Skip to main content

Enabling accessibility features in an application

Archived

1 Task

10 mins

Visible to: All users
Intermediate Pega Platform 8.5 User Experience English
This content is now archived and is no longer updated. Progress is not calculated. Pega Cloud instances are disabled, and badges are no longer awarded. Click here to continue your progress in the latest version.

Scenario

To ensure compliance with government regulations on accessibility, GoGoRoad wants to assess the user experience (UX) for users with color vision deficiencies. Run the Accessibility Inspector on each view in the application to preview the display for users with one of the four listed color vision deficiencies.

Note: As a best practice, use the Accessibility Inspector on a step as you configure the user interface; this allows you to identify and resolve accessibility issues during development. For this challenge, focus on running the Accessibility Inspector and identifying any issues on each view. You do not need to fix any of the issues identified.

The following table provides the credentials you need to complete the exercise.

Role User name Password
Application developer author@gogoroad pega123!
Note: Your practice environment may support the completion of multiple challenges. As a result, the configuration shown in the challenge walkthrough may not match your environment exactly.

Challenge Walkthrough

Detailed Tasks

1 Display Assistance Request views with the Accessibility Inspector

  1. In Dev Studio, from the Create menu, click New > Assistance Request to create a new Assistance Request case.
  2. After the first view is displayed, in the status bar at the bottom of the screen, click Accessibility to open the Accessibility Inspector.
    Note: The Accessibility Inspector identifies accessibility issues in any UI rule rendered on-screen, including rules used by Dev Studio that are provided in standard Pega Platform™ rulesets.
  3. In the Accessibility Inspector pane, in the Disability Preview list, select Achromatopsia (Absence of color) to display the current view in black and white, rather than color.
    The Identify issue view, as perceived by a user with achromatopsia.
  4. Repeat step 3, selecting each of the values in the Disability preview list to display the current view as seen by a user with that color vision impairment.
    The Identify issue view, as perceived by a user with deuteranopia.
  5. In the upper-left corner of the Accessibility Inspector pane, click Close to close the Accessibility Inspector and restore the original (unimpaired) display.
  6. Click Continue to advance the case to the next step in the process.
  7. Repeat steps 2-4 to use the Accessibility Inspector to view the Enter customer information view.
  8. Repeat steps 5 and 6 to close the Accessibility Inspector and advance the case to the next step.
  9. Repeat steps 2-6 to advance the case through the remainder of the case steps, using the Accessibility Inspector to display each view as seen by a user with the corresponding color vision impairment.
  10. After you resolve the case, in the upper-left corner of the Accessibility Inspector pane, click Close to close the Accessibility Inspector and restore the original (unimpaired) display.


Available in the following mission:

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice