The Artifact Machine Mobile UX Auditor

A small artifact for auditing mobile user experience — viewport meta, touch targets, horizontal scroll, font sizes, and mobile interaction patterns. Uses Playwright to render the page at mobile viewport dimensions and extract UX metrics.

Use this Actor before a mobile launch, after responsive redesigns, or as part of ongoing mobile quality monitoring. It renders the page in a headless Chromium browser at 412x915 viewport (Pixel-like) and analyzes touch target compliance, scroll behavior, and mobile-friendly patterns.

Pulled from The Artifact Machine: generated, tested, and cleaned up by a human.

What It Checks

• Viewport meta: presence, width=device-width, initial-scale, zoom disabled
• Touch targets: interactive elements below 44x44px minimum, elements too close together
• Horizontal scroll: content wider than viewport, overflow-causing elements
• Text readability: body font size (recommended 14px+ for mobile)
• Mobile patterns: responsive images, sticky headers, mobile-optimized inputs, autocomplete hints
• Autoplay media: video/audio with autoplay without muted attribute

Best For

• mobile UX quality audits
• responsive design verification
• WCAG 2.5.8 Target Size compliance
• pre-launch mobile checklist
• agency mobile UX reports

Input

{
  "url": "https://example.com",
  "timeoutMs": 30000
}

Input Fields

• url: public page URL to audit.
• timeoutMs: maximum navigation time in milliseconds (5000-60000, default 30000).

Output

The Actor writes one dataset item and an OUTPUT key-value record with:

• composite mobile UX score
• viewport subscores (presence, device-width, zoom)
• touch target subscores (total, too small, too close)
• scrolling subscores (horizontal scroll, overflow elements)
• mobile pattern subscores (font size, responsive images, sticky headers, inputs)
• array of detected issues with severity, descriptions, and fix guidance

Limits

• This Actor audits one submitted page.
• Touch targets are sampled from the first 300 interactive elements.
• The viewport is fixed at 412x915 (Pixel-like) for mobile simulation.
• Some mobile patterns (actual touch events, gesture handling) cannot be detected via DOM inspection alone.
• No external API keys required.

Pricing

Use pay-per-event pricing based on completed audits. Suggested starting price: $1.00 to $3.00 per completed mobile UX report after private runtime cost is measured.