OverlayQA – Visual Bug Reporting & Accessibility Audit Edge extension security report

Capture UI bugs from any web page and turn them into dev-ready issues with full technical context. Compare Figma designs against live code. Run WCAG accessibility audits. Audit design tokens. Works on staging, localhost, and production. ✨ WORKFLOWS SMART CAPTURE • One-click screenshots with the selected element, its computed CSS (16+ properties), CSS selector, and surrounding page context. No DevTools needed. • AI Issue Generation — Turn a plain-language note into a structured bug report with title, severity, type (design-bug, design-gap, or design-debt), effort estimate, and description. • Pin annotations directly on screenshots and highlight elements in exports. FIGMA COMPARE • Compare Figma designs against live pages with responsive scaling, opacity controls, alignment lock, and element inspection. • AI Visual Diff — GPT-4o analyzes the Figma frame vs the live implementation and flags design drift: spacing, color, typography, and layout mismatches. • Two-way Figma comment sync keeps design feedback in one place. ACCESSIBILITY AUDIT • Full-page WCAG scans powered by axe-core plus AI visual analysis to catch contrast, touch-target, and ARIA issues that automated tools miss. • Filter by severity and WCAG criteria. Sort and review findings inline. • Ignore rules — suppress known violations per page or per project so repeat scans stay clean. • Bulk actions — create issues, ignore violations, or export findings in batch. • Dual scoring — see raw violation count alongside your filtered score after ignores. DESIGN SYSTEM AUDIT • Scan any page for design token usage across colors, typography, spacing, borders, and shadows. • Compare live CSS values against Figma design tokens to catch drift. • Component Drift detection flags elements that have deviated from the design system. • Bulk-create issues from audit findings. EXPORT & SHARE • Send issues to Jira, Linear, or Notion with full context — screenshot, CSS selector, computed styles, design token matches, viewport, browser/OS metadata, and Figma frame link. • Share any issue via public link. No account needed to view. ✨ WHAT GETS CAPTURED When you use capture, comparison, accessibility, or audit features, OverlayQA processes a screenshot of the current browser tab, the page URL and title, and details about the element you select. AI features send this data to produce structured results. Data is only processed when you actively use a feature. OverlayQA does not passively track your browsing activity. OverlayQA: Visual Bug Tracking & Design QA Tool Full privacy policy: https://overlayqa.com/privacy/