Setting up A11yInspect for Mozilla Firefox

BarrierBreak A11yInspect is an Mozilla Firefox extension that helps users conduct accessibility checks on webpages.

Install BarrierBreak A11yInspect

1. Open A11yInspect on the Mozilla Firefox Add-ons Store.
2. Select Add to Firefox.
3. When prompted, click Add to install the extension.

Pin BarrierBreak A11yInspect to the Mozilla Firefox toolbar

1. In Mozilla Firefox, click the Extensions button on the toolbar.
2. Select the Pin icon next to BarrierBreak A11yInspect.
3. The BarrierBreak A11yInspect icon now appears in the Mozilla Firefox 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.