I recently stumbled upon https://accessibilityinsights.io. There’s both a Chrome/Edge extension and a Windows app, both designed to make it easier to find and fix accessibility issues in your websites and apps.
It builds on top of the Deque Axe core engine with a really fresh UI. The “FastPass” found these issues with my podcast site in seconds – which kind of makes me feel bad, but at least I know what’s wrong!
However, the most impressive visualization in my opinion was the Tab Stop test! See below how it draws clear numbered line segments as you Tab from element. This is a brilliant way to understand exactly how someone without a mouse would move through your site.
I can easily see what elements are interactive and what’s totally inaccessible with a keynote! I can also see if the the tab order is inconsistent with the logical order that’s communicated visually.
After the FastPass and Tab Visualizations, there’s an extensive guided assessment that walks you through 22 deeper accessibility areas, each with several sub issues you might run into. As you move through each area, most have Visual Helpers to help you find elements that may have issues.
After you’re done you and export your results as a self-contained HTML file you can check in and then compare with future test results.
It also supports Tab Stop visualization and is a lot like Spy++ – if you remember that classic developer app. There were no Accessibility issues with Calculator – which makes sense since it ships with Windows and a lot of people worked to make it Accessible.
Instead I tried to test Notepad2. Here you can see it found two elements that can have keybook focus but have no names. Even cooler, you can click “New Bug” and it will create a new accessibility bug for you in Azure DevOps.