Accessibility Insights for Web is an extension for Chrome and the new Microsoft Edge that helps developers find and fix accessibility issues in web apps and sites.

• Download for Web (Chrome, Edge, Windows 11)

The tool supports two primary scenarios:

• FastPass is a lightweight, two-step process that helps developers identify common, high-impact accessibility issues in less than five minutes.

  • Automated checks - the tool automatically checks for compliance with approximately 50 accessibility requirements.

  • Tab stops - the tool provides clear instructions, partial automation, and a visual helper that quickly identifies critical accessibility issues related to keyboard access, such as missing tab stops, keyboard traps, and incorrect tab order.

• Assessment allows anyone with HTML skills to verify that a web app or website complies with Web Content Accessibility Guidelines (WCAG) 2.1 Level AA.

  • To learn more, watch the Accessibility Insights for Web's Assessment video.

    • Automated checks - the tool automatically checks for compliance with approximately 50 accessibility requirements.

    • Manual tests - the tool provides step-by-step instructions, examples, and how-to-fix guidance for approximately 20 tests; many tests are "assisted," which means that the tool identifies the test instances or provides a visual helper.

Accessibility Insights for Web helps developers find and fix accessibility issues in web apps and sites. This browser extension for Chrome and the new Microsoft Edge runs on Windows, macOS, and Linux computers.

Visit Google Chrome extensions for Microsoft Insights.

Select "Add to Chrome"

Select "Add extension"

Select the Puzzle piece to add Microsoft Insights to your extension toolbar.

Select the pushpin icon of the extension in the toolbar.

The Microsoft Insights extension will now be pinned to the toolbar.

1. Download the extension for the appropriate browser
   1. Chrome
   2. Microsoft Edge
2. Open the web form in the appropriate browser
3. Open Accessibility Insights for Web extension
4. Select Assessment 

5. Start the assessment in the order it is listed on the left-hand side
   1. Automated checks are first
6. Continue with manual tests
   1. Starting with keyboard navigation, use Tab to navigate forward and Shift+Tab to navigate backward through each field.  
7. When testing manually, if you are unable to move from one element to another using the keyboard, use your mouse and resume testing
   1. Note any issues where you can not use the keyboard in your results.
8. If unsure how to test an element, expand the arrow by “How to Test.” 
9. If you have specific questions regarding why the manual test is essential or how it can be fixed, select the “i” icon
10. Record your results for each manual test instance
    1. If you find any failures select fail and note them.
    2. Otherwise, select pass.
11. You can share results at any time by exporting
    1. We recommend waiting until you have completed 100% of the assessment to share the results.

• Accessibility Insights for Web (Source Article)
• Accessibility Evaluation Tools - An Overview
  • Color Contrast Checker
  • Color-reliant Link Contrast Checker
  • WAVE
  • Review the video on How to Use Accessibility Insights for the Web (00:05:31)