No mobile-hostile viewport or input configuration

Mobile viewport misconfiguration — specifically user-scalable=no or maximum-scale=1 — violates WCAG 2.2 SC 1.4.4 (Resize Text) and WCAG 2.2 SC 2.5.1 (Pointer Gestures), both Level AA. Beyond the accessibility compliance impact, Google's mobile usability guidelines explicitly list zoom-disabled viewports as a mobile usability error that can suppress rankings. Fixed-width containers causing horizontal scroll on mobile (e.g., min-width: 1200px) similarly trigger Google's mobile usability report as a crawl-quality signal. These are configuration-level mistakes that affect every page simultaneously — not a per-page optimization gap but a baseline setup error with site-wide ranking consequences.

Set the viewport meta tag without zoom restrictions — width=device-width, initial-scale=1 is the correct configuration. Remove user-scalable=no, maximum-scale=1, or minimum-scale=1 if present.

// app/layout.tsx — correct viewport configuration
export const metadata = {
  viewport: {
    width: 'device-width',
    initialScale: 1,
    // Do NOT add: userScalable: false, maximumScale: 1
  },
}

In app/globals.css, check for touch-action: none on html or body — remove it if present, or scope it to the specific interactive component (carousel, canvas) that requires it. Replace fixed-width containers with max-width equivalents:

/* Before: causes horizontal scroll on mobile */
.container { min-width: 1200px; }

/* After: responsive */
.container { max-width: 1200px; width: 100%; }

For complete mobile usability analysis, the Mobile Responsiveness audit covers touch targets, scroll behavior, and layout shift in detail.