Skip to main content

Table of Contents

Inspecting accessibility

Applicable to Theme UI-Kit applications

Identify and fix accessibility issues to ensure that users with disabilities can quickly access and efficiently operate your application. By using the Accessibility Inspector tool, you can check what your application looks like to users of varying visual ability and review UI components that are not accessible.

  1. Open the application or portal that you want to inspect.

  2. In the developer toolbar, click the Accessibility icon.

  3. In the Accessibility Inspector pane, check if your application is compliant with best practices for accessibility:

    1. In the Disability preview list, select the visual ability preview.

      Select Protanopia to check if the design and contrast level of your application is suitable for users with red-green confusion.
    2. In the list of issue categories, expand each node, and then navigate to the rules that impact accessibility.

      Click Content Provide an associated label Driver to open and edit the section that is missing a label.
      Not all warnings require an intervention. For example, adding labels to decorative images might crowd out useful information in screen readers.
  4. Optional:

    To highlight page elements that are affected by issues, in the Accessibility Inspector pane, click the Display menu options for Accessibility Inspector icon, and then click Draw outline around on-page issues.

Did you find this content helpful?

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 Community 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
Contact us