Enabling accessibility features in an application
1 Task
10 mins
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 challenge.
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
- In the Pega instance for the challenge, enter the following credentials:
- In the User name field, enter author@gogoroad.
- In the Password field, enter pega123!.
- In Dev Studio, from the Create menu, click New > Assistance Request to create a new Assistance Request Case.
- 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.
- After the first View is displayed, in the status bar at the bottom of the screen, click Accessibility to open the Accessibility Inspector.
- 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.
- 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.
- In the upper-left corner of the Accessibility Inspector pane, click to close the Accessibility Inspector and restore the original (unimpaired) display.
- Click Continue to advance the Case to the next Step in the Process.
- Repeat steps 3-5 to use the Accessibility Inspector to view the Enter customer information View.
- Repeat steps 6 and 7 to close the Accessibility Inspector and advance the Case to the next Step.
- Repeat steps 3-7 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.
- 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.
Note: This challenge does not have autograding validations.
Confirm your work
Note: The Confirm your work steps are performed as part of the Detailed Steps above.
This Challenge is to practice what you learned in the following Module:
Available in the following missions:
If you are having problems with your training, please review the Pega Academy Support FAQs.
Want to help us improve this content?