Embed the Accessibility Scanner on Your Website

Let your visitors scan their own sites for WCAG issues. Every scan shows your brand and links back to you. Two lines of HTML.

Customize

Brand Color

#7c3aed

Compact Mode

Show "Powered by" link

HTML

<iframe
  src="https://accessidrop.com/widget?brandColor=7c3aed"
  width="100%"
  height="400"
  frameborder="0"
  style="border: none; border-radius: 12px; max-width: 480px;"
  title="AccessiDrop Accessibility Scanner"
></iframe>

Integration Tips

Auto-resize: Listen for accessidrop:resize postMessage events and update the iframe height.
Scan results: Listen for accessidrop:scan-complete to get score and issue counts in your parent page.
Styling: The widget has a transparent background — set any background color on the container.

Live Preview

Great for

Agency websites — Show prospects you care about accessibility. Every scan drives awareness of your services.
Developer blogs — Add an interactive tool readers will actually use. Drives engagement and return visits.
Web design portfolios — Demonstrate technical credibility. Let visitors verify your work meets WCAG standards.