Debugging violations
The following are the initials steps to conduct accessibility debugging in Mesmer:
    1.
    Click the Accessibility panel in the Drawer.
    2.
    Click the three-dotted ... menu at the top-right corner of the panel.
    3.
    Click Accessibility Debug.
Locating the Accessibility Debug feature in Mesmer

Entering into debugging mode

You are in debugging mode once you click Accessibility Debug in the Accessibility panel's three-dotted ... menu. This is indicated by a change in both the Your App Map screen and the Drawer's background color from dark blue to gray.
While in this mode, you can click on any screen in the application map. Clicking on a screen expands it into focus. Clicking on any blank (or gray) part of the screen loses the current focus and returns to the application map's view.
Working with the app map on debugging mode

Managing violations

Clicking on one of your application's screen to bring it to focus also refreshes the contents — but only when visible — of the Accessibility panel. With the aid of the panel, you can
    Navigate each individually displayed object and review its following accessibility-related information:
      Associated screens
      Accessibility-related attributes
      Violated rules.
    Add or remove violations to or from an object, respectively.
    Download the accessibility-related assets of an object. These assets are the image of the object, the image of the screen that contains it, and the object's accessibility-related attributes saved in both JSON and XML formats.
Managing violations in the Accessibility panel

Adding a violation to an object

A certain screen that you selected to debug might have one or more objects with violations or maybe none at all. You can either add a new violation to one of its objects or remove existing ones from it.
Let's start with adding a violation. Here's how you do it:
    1.
    Click Add Violation in the current object being displayed in the Accessibility panel. You can use the navigation controls to select the object that you want.
    2.
    Search for the name of the rule or success criteria you want the current object violating. The search field is an auto-completing field that looks up any rule that matches your input. This behavior also ensures that invalid rule names or inputs are not accepted.
    3.
    Click on the rule if it appears in the auto-complete list to add it to the current object's violations.
Adding a violation in the Accessibility panel

Removing a violation from an object

Removing an object's violation is done in the following order:
    1.
    Click the trash can
    🗑
    icon located in your object's violation.
    2.
    Click Remove to confirm the removal.
Removing a violation in the Accessibility panel

Exiting the debugging mode

Once finished debugging, you can exit the mode by clicking Exit Accessibility Debug either on the right corner of the Your App Map screen or in the three-dotted ... menu of the Accessibility panel. The background color of both the App Map screen and Drawer will return to their default dark blue color.
Exiting accessibility debugging in Mesmer
Last modified 9mo ago