Our customers can now view audit findings on their website

Posted by Noah Senecal-Junkeer – August 21, 2026

We built a bookmarklet that shows our accessibility audit findings beside the website, so teams can understand issues in context.

We want people to fix the issues we find in an accessibility audit. That gets harder when the finding is in a spreadsheet and the issue is somewhere on the website.

Our manual audits often include 80 to 100 findings. We include the page, component, impact and suggested fix, but a team still has to move between the spreadsheet and website to find the exact element. We built a bookmarklet to make that part easier.

Why finding the issue can take time

Spreadsheets are useful because they hold a lot of information. They also separate each finding from the page where it happens.

Screenshots help, but they do not always show enough context. A page may have changed, the same component may appear more than once, or someone may return to the audit months later.

Putting findings back on the website

The bookmarklet is a saved browser link that opens the audit beside the live page. It adds numbered, colour-coded markers without changing the website. Your team runs it while reviewing the audit.

The panel groups findings with markers, page-level findings and findings it cannot locate on the current page. The last group helps when the website has changed since testing.

Screenshot of the Easy Surf home page. A turquoise outline and numbered #1 Moderate marker identify the Welcome everyone heading. At upper right, the Easy Surf audit findings panel reports one finding and one marker located. It includes Hide markers, Rescan page, and Remove overlay buttons. Under Findings with markers on this page, it lists demo data.

What each finding includes

Select a marker or finding to see the audit details:

  • Finding ID and title, WCAG success criterion and level or expert observation, impact level, priority, and test method.
  • Affected pages and component, disabilities affected, and teams for the fix.
  • Description, steps to recreate, why it matters, suggested fixes, code examples, resources, and screenshots when available.
The Easy Surf audit finding panel showing demo data. It includes a Moderate impact badge, manual testing, the Demonstration page, the Main page heading, Blind, Low vision and Cognitive, and the Content designer and Developer teams. Steps to recreate and Why this matters are collapsed. How to fix it is expanded with guidance and a resource link.

Moving through the audit

On each page, you can review the findings that apply there or select a marker to open one. Previous finding and Next finding move through the full audit. Findings for the same component stay together.

For repeated patterns, one marker shows the audited example. If a finding has a matching rule, the viewer can also outline similar elements as suggestions to review. These are kept separate from the verified findings.

Why we made it

The spreadsheet remains the audit record. The bookmarklet uses the same information but puts it back on the page, so a team can understand the issue before starting the fix.

We're starting to include it with audits where it helps.

Where’s your current taking you?

We’d love to hear what you're exploring in accessibility and see how we can help along the way.

Get in touch