Skip to main content

Find and fix issues by using the Accessibility Inspector

Suggest edit Updated on May 3, 2021

An accessible application is one that all users, including those with disabilities, can use to efficiently complete the task at hand. You can find potential accessibility issues in your application and quickly fix them by using the new Accessibility Inspector. At run time, click the Accessibility icon in the toolbar to open the Accessibility Inspector. It is displayed on the right side of the page and highlights content, structure, compatibility, and interaction issues.

Thumbnail

The Accessibility Inspector indicates accessibility issues in an application.

The Accessibility Inspector lists errors and warnings, and provides a description for each. You can click through to open an element in Dev Studio and fix the issue. The Accessibility Inspector also provides settings to only display errors, and hide warnings. You can also highlight errors in the user interface by adding an outline around objects.

The Accessibility Inspector color-blind mode provides filters that you can apply to experience what your application looks like to users of varying visual ability. These filters: absence of color, red/green confusion, and yellow/blue confusion, help you to identify potential contrast issues caused by your application user interface styling. So while your application might look great to a user with no color blindness, it might be unusable for a user with color blindness. Color-blind mode works only on the Chrome, Firefox, and Safari browsers. 

Did you find this content helpful? YesNo

85% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

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

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us