Audit in 4 simple steps

Use dev mode to run a page audit with axe-core and review real accessibility issues.

When dev mode is enabled, open the widget, scroll down, and you should see Annotations and Accessibility Report.

Step 1

Add the widget script

Paste this before the closing </body> tag.

<script src="https://cdn.jsdelivr.net/gh/ifrederico/accessible-web-widget@1.1.4/dist/accessible-web-widget.min.js"></script>

Step 2

Open your page with dev mode

Add ?acc-dev=true to your page URL.

https://yourdomain.com/page?acc-dev=true

If your URL already has a ?, append &acc-dev=true instead.

Step 3

Run the report

Open the widget, then click Accessibility Report to scan the current page.

Step 4

Fix issues and disable dev mode

Use the findings to update your code, then remove acc-dev=true from the URL for normal browsing.

Important: dev mode is for testing only, not production use.