Setting up A11yInspect for Google Chrome

BarrierBreak A11yInspect is a Google Chrome extension that helps users conduct accessibility checks on webpages.

Install BarrierBreak A11yInspect

1. Open A11yInspect on the Chrome Web Store.
2. Select Add to Chrome.
3. When prompted, select Add extension.

Pin BarrierBreak A11yInspect to the Google Chrome toolbar

1. In Google Chrome, select the Extensions button on the toolbar.
2. Select the Pin icon next to BarrierBreak A11yInspect.
3. The BarrierBreak A11yInspect icon appears in the Google Chrome toolbar.

Open Inspect

Open Inspect to run tests using A11yInspect.

• Windows/Linux: Ctrl + Shift + C or F12
• macOS: Cmd + Opt + C
  You can also right-click on the page and select Inspect.

Steps to Run a Test

1. Open the webpage you want to test.
2. Right-click the page and select Inspect.
3. Under the Elements panel, select the A11yInspect tab next to Styles.

note

• If the A11yInspect tab is not visible, select the More tabs (») option to locate it.
• If it is still missing, see Unable to View A11yInspect Tab in Inspect.

4. Choose the Element Type and Guideline.
5. Select Test Now.
6. The test results are displayed.
7. After making changes, select Refresh to rerun the test.

For more information about test results, see Understanding Test Results

Steps to Use A11yInspect Bookmarklets

1. Open the webpage you want to test.
2. Select the BarrierBreak A11yInspect extension in the browser toolbar.
3. Select one or more bookmarklets based on your testing needs (for example, Headings, Links, or Images).
4. View the accessibility information displayed on the page.

For more information, see A11yInspect Bookmarklets

tip

• Test one page at a time for accurate results.
• Combine bookmarklets for a comprehensive view.
• Rerun tests after making changes to verify improvements.

Following these steps will help you efficiently identify and resolve accessibility issues using A11yInspect.