πŸŽ‰ Beta is now open

Book a free demo
Skip to main content

Embedding the ADA compliance badge on your site

Show visitors you're actively monitoring accessibility.

Updated

The compliance badge is a small embeddable widget that displays your latest scan score and links to a public report.

How to embed

  1. Open ADA Scanner β†’ Badge.
  2. Pick a style (light, dark, color-themed) and size (compact or full).
  3. Copy the embed snippet and paste it into your site's footer.

What visitors see

A small badge with your accessibility score (e.g. "94 / 100") that, when clicked, opens a public-facing summary of your latest scan. Visitors see the headline numbers but not your full per-page issue list.

When the badge updates

Whenever a scheduled scan finishes. There's no client-side caching beyond the standard CDN cache (15 minutes).

Customizing the public page

Open ADA Scanner β†’ Badge β†’ Public page to:

  • Add a custom message or remediation roadmap.
  • Hide specific WCAG criteria from the public view (rare β€” usually only when you're mid-remediation on something).
  • Brand the page with your logo and colors.

Was this article helpful?

Your feedback helps us improve our docs.