audit_responsive_visibility
Detect content visible on desktop but hidden on mobile due to display:none, opacity:0, visibility:hidden, or zero-size. Categorizes each as likely oversight or intentional, returning a table of selectors and categories.
Instructions
Render a URL at multiple breakpoints and flag content elements that are visible on desktop but hidden on mobile (display:none / opacity:0 / visibility:hidden / zero-size). Categorises each flag as 'likely-oversight' (content that vanishes on mobile — the hidden-on-mobile content bug) vs 'intentional' (decorative). Returns a table of selector / hiding-class / mobile-visible / desktop-visible / category. Requires headless chromium.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | URL to render (http/https or file://) | |
| breakpoints | No | Viewport widths in px. Default [390, 768, 1440, 2160] | |
| viewportHeight | No | Render height in px. Default 900 |