responsive-audit

Automate responsive UI auditing by running Playwright-based breakpoint checks across BP0-BP3 to detect overflow, tap-target issues, and layout stacking. You provide an app URL and route list, and the audit generates a structured responsive report.

A responsive audit validates how a web application renders across mobile, tablet, and desktop breakpoints. You need to run one when verifying that dashboards, admin panels, forms, and content pages display correctly without overflow or tap-target issues.

Yes, you can check for WCAG compliance and viewport traps during a responsive audit. The audit includes static pre-checks for vw viewport traps and supports WCAG modes via configurable flags alongside overflow and tap-target validation.

The best way to detect layout stacking and overflow issues is using a Playwright-driven responsive audit. It performs DOM and visual validation at defined breakpoints, automatically identifying overflow problems and tap-target issues across different screen widths.

You configure responsive checks using a configurable argument model for mode and target. Available modes include quick, full, and wcag, allowing you to specify the depth of breakpoint validation and the specific application routes to audit.

Yes, the responsive audit runs without external dependencies. It relies on Playwright-based scripts to execute breakpoint validation, static pre-checks, and automated reporting natively within the audit workflow.