{ "url": "https://shopify.com", "auditedAt": "2026-07-19T12:57:19.695Z", "mode": "report", "status": "completed", "statusDetail": "Atomic audit completed across four representative public templates plus the signup handoff.", "page": { "appType": "mpa", "framework": "server-rendered brochure application", "notes": "Large international commerce marketing site. Representative coverage: homepage, pricing, checkout information, start landing page, and secure signup handoff." }, "evidenceUsed": [ "screenshot", "dom", "layout-metrics", "evaluate-probe", "trace", "har", "discoverability", "headers", "cookies", "trackers", "secrets", "images", "heap-summary", "lighthouse", "Modern Web Guidance" ], "guidanceConsulted": [ "dark-mode", "component-specific-light-dark-theme", "accessibility", "adapt-scrollbar-to-contrast-preferences", "same-document-transitions", "cross-document-transitions", "group-element-transitions", "faster-spa-view-transitions", "scrollytelling", "parallax-scroll-effects", "scroll-entry-exit-effects", "carousel-slide-effects", "physics-based-easing", "individual-transform-properties", "animate-element-entry-exit", "animate-to-from-top-layer", "animate-to-intrinsic-sizes", "dynamic-sibling-animations", "interactive-content-reveal", "pull-to-reveal", "swipe-to-remove", "shrinking-header-on-scroll", "scroll-progress-indicator", "scroll-position-aware-elements", "scroll-snap-realtime-feedback", "scroll-snap-state-sync", "scroll-target-on-load", "soft-edge-content-fade", "scrollability-affordance-hints", "anchor-positioning-tab-underline", "position-aware-tooltips", "interest-triggered-tooltips", "interest-triggered-action-previews", "directional-navigation-transitions", "carousel-snap-highlights", "navigation-drawer", "stack-drill-down", "persistent-app-tours", "persistent-toast-notifications", "light-dismiss-a-dialog", "platform-controls-dismiss-dialog", "declarative-dialog-popover-control", "animated-select-picker", "branded-select-styling", "brand-consistent-forms", "custom-select-picker-layouts", "rich-media-picker", "complex-shapes", "shaped-cutouts", "overflow-clipping-control", "visually-texture-content", "apply-webgl-shaders", "interactive-content-in-3d-scenes", "highlight-text-ranges", "prevent-text-wrapping", "customize-scrollbar-color-and-thickness", "export-html-media-from-canvas", "fluid-scaling", "calculate-with-intrinsic-sizes", "css-layout", "size-aware-styling", "content-based-styling", "child-state-based-styling", "design-token-reactivity", "dynamic-sibling-styling", "form-fields-automatically-fit-contents", "improve-text-layout-and-legibility", "forms", "custom-button-actions", "accessible-error-announcement", "required-field-feedback", "validate-input-after-interaction", "identify-inp-causes", "schedule-tasks-by-priority", "optimize-preload-priority", "improve-next-page-load-performance", "interactions-in-complex-layouts", "performance", "visually-stable-font-fallbacks", "break-up-long-tasks", "identify-heavy-scripts", "optimize-script-priority", "defer-rendering-heavy-content", "defer-work-until-scroll-ends", "optimize-image-priority", "conditional-async-dependencies", "expose-canvas-content-to-browser-features", "move-dom-element-without-losing-state", "precise-text-alignment", "visually-stable-mixed-fonts", "css", "html", "reduce-style-repetition", "security", "privacy", "batch-analytics-events", "full-session-analytics", "calculate-total-foreground-time", "passkeys", "passkey-registration", "passkey-authentication", "passkey-reauthentication", "passkey-conditional-create", "passkey-management", "flicker-free-client-side-ab-testing", "consistent-cross-document-transitions", "stabilize-reactive-state", "resilient-context-menus-and-nested-dropdowns", "persistent-top-layer-ui", "detect-initial-visibility-state", "sequence-distributed-events", "translator", "language-detection", "support-global-calendar-systems", "capture-location-agnostic-data", "format-human-readable-durations", "manage-recurring-intervals", "calculate-event-differentials", "coordinate-global-events", "model-partial-time-concepts", "search-hidden-content", "select-menu-interaction", "style-parent-with-has", "autofill-address-form", "autofill-payment-form", "autofill-sign-in-form", "autofill-sign-up-form", "autofill-highlight-inputs", "deliver-optimized-decorative-images", "resolution-optimized-pseudo-elements", "deprioritize-background-fetches", "efficient-background-processing", "webmcp", "agentic-forms", "agentic-javascript-tools", "language-model", "summarizer" ], "artifacts": [ { "type": "other", "path": "evidence/guidance-search.json", "caption": "Audit evidence: guidance search.json", "condition": "default" }, { "type": "other", "path": "evidence/guidance-retrieved.md", "caption": "Audit evidence: guidance retrieved.md", "condition": "default" }, { "type": "screenshot", "path": "evidence/home-desktop.png", "caption": "Audit evidence: home desktop.png", "condition": "default" }, { "type": "screenshot", "path": "evidence/home-mobile.png", "caption": "Audit evidence: home mobile.png", "condition": "viewport: 360x800" }, { "type": "layout", "path": "evidence/home-mobile-layout.json", "caption": "Audit evidence: home mobile layout.json", "condition": "viewport: 360x800" }, { "type": "screenshot", "path": "evidence/home-dark.png", "caption": "Audit evidence: home dark.png", "condition": "prefers-color-scheme: dark" }, { "type": "screenshot", "path": "evidence/home-contrast.png", "caption": "Audit evidence: home contrast.png", "condition": "prefers-contrast: more" }, { "type": "other", "path": "evidence/css-capabilities.json", "caption": "Audit evidence: css capabilities.json", "condition": "default" }, { "type": "other", "path": "evidence/home-reduced-motion.json", "caption": "Audit evidence: home reduced motion.json", "condition": "prefers-reduced-motion: reduce" }, { "type": "lighthouse", "path": "evidence/lighthouse-home.json", "caption": "Audit evidence: lighthouse home.json", "condition": "default" }, { "type": "trace-summary", "path": "evidence/home-trace-summary.json", "caption": "Audit evidence: home trace summary.json", "condition": "default" }, { "type": "layout", "path": "evidence/home-layout.json", "caption": "Audit evidence: home layout.json", "condition": "default" }, { "type": "other", "path": "evidence/home-summary.json", "caption": "Audit evidence: home summary.json", "condition": "default" }, { "type": "har", "path": "evidence/home.har", "caption": "Audit evidence: home.har", "condition": "default" }, { "type": "other", "path": "evidence/home-probe.json", "caption": "Audit evidence: home probe.json", "condition": "default" }, { "type": "other", "path": "evidence/home-headers.json", "caption": "Audit evidence: home headers.json", "condition": "default" }, { "type": "other", "path": "evidence/home-cookies.json", "caption": "Audit evidence: home cookies.json", "condition": "default" }, { "type": "other", "path": "evidence/home-secrets.json", "caption": "Audit evidence: home secrets.json", "condition": "default" }, { "type": "other", "path": "evidence/home-trackers.json", "caption": "Audit evidence: home trackers.json", "condition": "default" }, { "type": "discoverability", "path": "evidence/home-discoverability.json", "caption": "Audit evidence: home discoverability.json", "condition": "default" }, { "type": "discoverability", "path": "evidence/pricing-discoverability.json", "caption": "Audit evidence: pricing discoverability.json", "condition": "default" }, { "type": "discoverability", "path": "evidence/checkout-discoverability.json", "caption": "Audit evidence: checkout discoverability.json", "condition": "default" }, { "type": "discoverability", "path": "evidence/start-discoverability.json", "caption": "Audit evidence: start discoverability.json", "condition": "default" }, { "type": "heap", "path": "evidence/home-heap-baseline", "caption": "Audit evidence: home heap baseline", "condition": "default" }, { "type": "heap", "path": "evidence/home-heap-post", "caption": "Audit evidence: home heap post", "condition": "default" }, { "type": "other", "path": "evidence/home-images.json", "caption": "Audit evidence: home images.json", "condition": "default" }, { "type": "screenshot", "path": "evidence/start-mobile.png", "caption": "Audit evidence: start mobile.png", "condition": "viewport: 360x800" }, { "type": "screenshot", "path": "evidence/signup-desktop.png", "caption": "Audit evidence: signup desktop.png", "condition": "default" }, { "type": "dom", "path": "evidence/signup-dom.json", "caption": "Audit evidence: signup dom.json", "condition": "default" }, { "type": "dom", "path": "evidence/home-dom.json", "caption": "Audit evidence: home dom.json", "condition": "default" }, { "type": "other", "path": "evidence/robots-sitemap.json", "caption": "Audit evidence: robots sitemap.json", "condition": "default" }, { "type": "screenshot", "path": "evidence/pricing-mobile.png", "caption": "Audit evidence: pricing mobile.png", "condition": "viewport: 360x800" }, { "type": "screenshot", "path": "evidence/checkout-mobile.png", "caption": "Audit evidence: checkout mobile.png", "condition": "viewport: 360x800" }, { "type": "screenshot", "path": "evidence/pricing-desktop.png", "caption": "Audit evidence: pricing desktop.png", "condition": "default" }, { "type": "screenshot", "path": "evidence/checkout-desktop.png", "caption": "Audit evidence: checkout desktop.png", "condition": "default" }, { "type": "screenshot", "path": "evidence/start-desktop.png", "caption": "Audit evidence: start desktop.png", "condition": "default" }, { "type": "layout", "path": "evidence/pricing-mobile-layout.json", "caption": "Audit evidence: pricing mobile layout.json", "condition": "viewport: 360x800" }, { "type": "layout", "path": "evidence/checkout-mobile-layout.json", "caption": "Audit evidence: checkout mobile layout.json", "condition": "viewport: 360x800" }, { "type": "layout", "path": "evidence/start-mobile-layout.json", "caption": "Audit evidence: start mobile layout.json", "condition": "viewport: 360x800" } ], "config": { "loaded": false }, "coverage": { "catalogVersion": "modern-web-guidance@0.0.172", "catalogChecksum": "sha256:78ccfdb2d483f4c57d9dafed80fd86c6265585a56457c8dcfddc254b80fb44d7", "expected": 58, "recorded": 58, "judged": 58, "blocked": 0, "notRun": 0, "missing": 0, "unknown": 0, "duplicates": 0, "complete": true }, "checkOutcomes": [ { "principleId": "respect-user-preferences", "checkId": "respects-color-scheme", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "The CSS capability probe found no color-scheme declaration and no prefers-color-scheme rule; the emulated dark capture is the same fixed palette rather than a preference-driven theme.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-dark.png", "evidence/home-contrast.png", "evidence/css-capabilities.json" ], "findingIds": [ "F1" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-reduced-motion", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "Under prefers-reduced-motion: reduce, the page still reported twelve running animations (nine at 400ms and three at 1000ms), while the CSS probe found no reduced-motion media rule.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-reduced-motion.json", "evidence/css-capabilities.json" ], "findingIds": [ "F2" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-contrast", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Preference-emulated screenshots remained usable and the contrast capture preserved readable controls.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-dark.png", "evidence/home-contrast.png", "evidence/css-capabilities.json" ] }, { "principleId": "implement-natural-interactions", "checkId": "view-transitions", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "The rendered CSS capability probe found no view-transition rules across the homepage, despite navigation among multiple brochure routes.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/css-capabilities.json" ], "findingIds": [ "F3" ] }, { "principleId": "implement-natural-interactions", "checkId": "scroll-driven-animations", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "The CSS capability probe found no animation-timeline or scroll-timeline usage on a 12,000px homepage with extensive animated content.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/css-capabilities.json", "evidence/home-mobile.png" ], "findingIds": [ "F4" ] }, { "principleId": "implement-natural-interactions", "checkId": "physical-gestures", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "DOM/CSS inspection and animation probes examined route, scroll and gesture implementation; native scrolling remained usable.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-reduced-motion.json", "evidence/css-capabilities.json" ] }, { "principleId": "provide-guided-navigation", "checkId": "scroll-state-aware-chrome", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Screenshots and DOM inspection show persistent global navigation, a responsive menu, descriptive route links and sticky chrome without clipped overlays.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png" ] }, { "principleId": "provide-guided-navigation", "checkId": "anchored-positioning", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Screenshots and DOM inspection show persistent global navigation, a responsive menu, descriptive route links and sticky chrome without clipped overlays.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png" ] }, { "principleId": "provide-guided-navigation", "checkId": "directs-attention", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Screenshots and DOM inspection show persistent global navigation, a responsive menu, descriptive route links and sticky chrome without clipped overlays.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "no-intrusive-interruptions", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "All four mobile screenshots show a fixed consent panel covering roughly the bottom 100px, including primary pricing and checkout content.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-mobile.png", "evidence/pricing-mobile.png", "evidence/checkout-mobile.png", "evidence/start-mobile.png" ], "findingIds": [ "F5" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "semantic-dismissible-primitives", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "The semantic DOM probe found zero dialog, popover, or details elements and one role=dialog custom overlay.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-probe.json", "evidence/home-desktop.png" ], "findingIds": [ "F6" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "reduced-chrome", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "First-viewport screenshots show clear hero content and primary actions with the consent surface as the only persistent interruption.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "responsive-no-horizontal-scroll", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "All four 360x800 layout captures reported zero horizontal overflow and a valid viewport meta tag.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-mobile.png", "evidence/home-mobile-layout.json" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "component-level-responsiveness", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "All four 360x800 layout captures reported zero horizontal overflow and a valid viewport meta tag.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-mobile.png", "evidence/home-mobile-layout.json" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "input-modality-aware", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "The focusable-control probe measured consent icon buttons at 32x32px. Lighthouse accessibility also identified control-name problems affecting non-pointer use.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-probe.json", "evidence/home-mobile.png" ], "findingIds": [ "F10" ] }, { "principleId": "support-core-task-success", "checkId": "clear-purpose-and-primary-action", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Home, start, pricing and checkout pages expose clear primary CTAs; the secure signup handoff was attempted and presented an explicit connection-verification state rather than a dead screen.", "pathIds": [ "home", "start", "signup" ], "artifacts": [ "evidence/start-mobile.png", "evidence/signup-desktop.png", "evidence/signup-dom.json" ] }, { "principleId": "support-core-task-success", "checkId": "primary-flow-completion", "status": "pass", "confidence": "medium", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Home, start, pricing and checkout pages expose clear primary CTAs; the secure signup handoff was attempted and presented an explicit connection-verification state rather than a dead screen.", "pathIds": [ "home", "start", "signup" ], "artifacts": [ "evidence/start-mobile.png", "evidence/signup-desktop.png", "evidence/signup-dom.json" ] }, { "principleId": "support-core-task-success", "checkId": "clear-system-state-and-recovery", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Home, start, pricing and checkout pages expose clear primary CTAs; the secure signup handoff was attempted and presented an explicit connection-verification state rather than a dead screen.", "pathIds": [ "home", "start", "signup" ], "artifacts": [ "evidence/start-mobile.png", "evidence/signup-desktop.png", "evidence/signup-dom.json" ] }, { "principleId": "be-fast-and-stable", "checkId": "good-core-web-vitals", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "Lighthouse measured FCP 4.8s, LCP 7.6s, TTI 7.6s and scored performance 0.62. The separate trace was faster (LCP 844ms), showing substantial run/network variance but not negating the poor cold-load result.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-trace-summary.json", "evidence/home-layout.json" ], "findingIds": [ "F7" ] }, { "principleId": "be-fast-and-stable", "checkId": "visual-stability", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Layout observers measured CLS 0.000-0.009 across representative pages; trace and Lighthouse supplied load and main-thread timings.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-trace-summary.json", "evidence/home-layout.json" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-main-thread", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Layout observers measured CLS 0.000-0.009 across representative pages; trace and Lighthouse supplied load and main-thread timings.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-trace-summary.json", "evidence/home-layout.json" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-resource-delivery", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "HAR captured 52 requests and 1,650,831 transferred bytes, including 28 scripts and 826,035 bytes attributed to fetch/XHR; Lighthouse also flagged the network dependency tree.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-summary.json", "evidence/home.har" ], "findingIds": [ "F8" ] }, { "principleId": "be-fast-and-stable", "checkId": "trim-unused-and-duplicate-code", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Layout observers measured CLS 0.000-0.009 across representative pages; trace and Lighthouse supplied load and main-thread timings.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-trace-summary.json", "evidence/home-layout.json" ] }, { "principleId": "be-inclusive", "checkId": "names-roles-labels", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "Lighthouse accessibility scored 0.92 and failed aria-command-name, button-name, and label-content-name-mismatch; the DOM probe also found an empty 32x32 consent button without an aria-label.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-probe.json" ], "findingIds": [ "F9" ] }, { "principleId": "be-inclusive", "checkId": "sufficient-contrast", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Lighthouse, semantic DOM, landmarks, heading structure, target measurements and mobile screenshots were inspected.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-probe.json" ] }, { "principleId": "be-inclusive", "checkId": "structure-and-focus", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Lighthouse, semantic DOM, landmarks, heading structure, target measurements and mobile screenshots were inspected.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-probe.json" ] }, { "principleId": "be-inclusive", "checkId": "legible-text", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Lighthouse, semantic DOM, landmarks, heading structure, target measurements and mobile screenshots were inspected.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-probe.json" ] }, { "principleId": "be-inclusive", "checkId": "zoom-reflow-targets-and-media", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Lighthouse, semantic DOM, landmarks, heading structure, target measurements and mobile screenshots were inspected.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-probe.json" ] }, { "principleId": "follow-best-practices", "checkId": "no-console-errors", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Lighthouse and rendered DOM confirmed HTML doctype, UTF-8, viewport, valid landmarks and platform diagnostics.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-dom.json", "evidence/home-probe.json", "evidence/robots-sitemap.json" ] }, { "principleId": "follow-best-practices", "checkId": "sound-document-and-assets", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "The images primitive found 26 of 53 images without dimensions, 5 without srcset, 43 legacy-format assets, 2 oversized images and 42 missing alt attributes (some may be intentionally decorative).", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-images.json" ], "findingIds": [ "F11" ] }, { "principleId": "follow-best-practices", "checkId": "browser-platform-hygiene", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "Lighthouse reported one deprecated-API warning and one BFCache failure reason; best-practices scored 0.81.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/lighthouse-home.json" ], "findingIds": [ "F12" ] }, { "principleId": "be-discoverable", "checkId": "title-and-description", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Raw-HTML discoverability was 95-99% across four templates; titles/descriptions survived, all anchors had hrefs, and canonical/hreflang/robots/sitemap/JSON-LD metadata were present.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/pricing-discoverability.json", "evidence/checkout-discoverability.json", "evidence/start-discoverability.json" ] }, { "principleId": "be-discoverable", "checkId": "crawlable-and-mobile-friendly", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Raw-HTML discoverability was 95-99% across four templates; titles/descriptions survived, all anchors had hrefs, and canonical/hreflang/robots/sitemap/JSON-LD metadata were present.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/pricing-discoverability.json", "evidence/checkout-discoverability.json", "evidence/start-discoverability.json" ] }, { "principleId": "be-discoverable", "checkId": "canonical-and-indexing-signals", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Raw-HTML discoverability was 95-99% across four templates; titles/descriptions survived, all anchors had hrefs, and canonical/hreflang/robots/sitemap/JSON-LD metadata were present.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/pricing-discoverability.json", "evidence/checkout-discoverability.json", "evidence/start-discoverability.json" ] }, { "principleId": "be-discoverable", "checkId": "structured-and-shareable-metadata", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Raw-HTML discoverability was 95-99% across four templates; titles/descriptions survived, all anchors had hrefs, and canonical/hreflang/robots/sitemap/JSON-LD metadata were present.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/pricing-discoverability.json", "evidence/checkout-discoverability.json", "evidence/start-discoverability.json" ] }, { "principleId": "be-private-and-secure", "checkId": "secure-transport-and-headers", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "The headers primitive confirmed HTTPS, HSTS and nosniff, but found no Content-Security-Policy. Cookies were Secure/SameSite=Lax and the secrets scan found no exposed credentials.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-headers.json", "evidence/home-cookies.json", "evidence/home-secrets.json", "evidence/home-trackers.json" ], "findingIds": [ "F13" ] }, { "principleId": "be-private-and-secure", "checkId": "data-minimisation-and-third-parties", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Headers, cookies, trackers, HAR and secret scans were inspected; HTTPS/HSTS/nosniff, a secure SameSite cookie, no known trackers and no exposed secrets were observed.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-headers.json", "evidence/home-cookies.json", "evidence/home-secrets.json", "evidence/home-trackers.json" ] }, { "principleId": "be-private-and-secure", "checkId": "in-context-permissions-and-modern-auth", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Headers, cookies, trackers, HAR and secret scans were inspected; HTTPS/HSTS/nosniff, a secure SameSite cookie, no known trackers and no exposed secrets were observed.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-headers.json", "evidence/home-cookies.json", "evidence/home-secrets.json", "evidence/home-trackers.json" ] }, { "principleId": "be-private-and-secure", "checkId": "defensive-browser-policies", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "The headers primitive found no X-Frame-Options or CSP frame-ancestors, no Referrer-Policy, and no Permissions-Policy.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-headers.json" ], "findingIds": [ "F14" ] }, { "principleId": "be-resilient", "checkId": "progressive-enhancement", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "No-JS/raw-HTML coverage was 95-99%; mobile layouts and the Cloudflare verification recovery state remained coherent.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/pricing-discoverability.json", "evidence/checkout-discoverability.json", "evidence/start-discoverability.json" ] }, { "principleId": "be-resilient", "checkId": "resilient-runtime-behaviour", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "No-JS/raw-HTML coverage was 95-99%; mobile layouts and the Cloudflare verification recovery state remained coherent.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/pricing-discoverability.json", "evidence/checkout-discoverability.json", "evidence/start-discoverability.json" ] }, { "principleId": "be-resilient", "checkId": "offline-and-installable", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from route content and site purpose", "evidence": "These public brochure and commerce pages are not an installable app; offline mutation or checkout is intrinsically inappropriate.", "reason": "These public brochure and commerce pages are not an installable app; offline mutation or checkout is intrinsically inappropriate.", "pathIds": [ "home", "pricing", "checkout", "start" ] }, { "principleId": "be-resilient", "checkId": "network-and-http-failure-states", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "No-JS/raw-HTML coverage was 95-99%; mobile layouts and the Cloudflare verification recovery state remained coherent.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/pricing-discoverability.json", "evidence/checkout-discoverability.json", "evidence/start-discoverability.json" ] }, { "principleId": "be-internationalised", "checkId": "lang-dir-and-logical-properties", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "HTML declares lang=en and dir=ltr, uses logical CSS, exposes extensive hreflang alternatives, and pricing rendered locale-specific GBP amounts.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-dom.json", "evidence/home-probe.json", "evidence/robots-sitemap.json" ] }, { "principleId": "be-internationalised", "checkId": "locale-aware-data", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "HTML declares lang=en and dir=ltr, uses logical CSS, exposes extensive hreflang alternatives, and pricing rendered locale-specific GBP amounts.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-dom.json", "evidence/home-probe.json", "evidence/robots-sitemap.json" ] }, { "principleId": "be-internationalised", "checkId": "time-zone-correctness", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from route content and site purpose", "evidence": "No time or event data is presented on the representative brochure, pricing, checkout-information, or start pages.", "reason": "No time or event data is presented on the representative brochure, pricing, checkout-information, or start pages.", "pathIds": [ "home", "pricing", "checkout", "start" ] }, { "principleId": "be-trustworthy", "checkId": "no-dark-patterns", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Pricing shows monthly commitment and introductory terms prominently; cookie choices are equally prominent; signup security state explains what is happening.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/start-mobile.png", "evidence/signup-desktop.png", "evidence/signup-dom.json" ] }, { "principleId": "be-trustworthy", "checkId": "humane-error-handling", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Pricing shows monthly commitment and introductory terms prominently; cookie choices are equally prominent; signup security state explains what is happening.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/start-mobile.png", "evidence/signup-desktop.png", "evidence/signup-dom.json" ] }, { "principleId": "be-trustworthy", "checkId": "trustworthy-input-assistance", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Pricing shows monthly commitment and introductory terms prominently; cookie choices are equally prominent; signup security state explains what is happening.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/start-mobile.png", "evidence/signup-desktop.png", "evidence/signup-dom.json" ] }, { "principleId": "be-trustworthy", "checkId": "safe-commercial-and-account-flows", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Pricing shows monthly commitment and introductory terms prominently; cookie choices are equally prominent; signup security state explains what is happening.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/start-mobile.png", "evidence/signup-desktop.png", "evidence/signup-dom.json" ] }, { "principleId": "be-sustainable", "checkId": "optimised-assets", "status": "issues", "confidence": "high", "method": "Targeted primitive/tool inspection for this check across representative paths", "evidence": "The images primitive classified 43 of 53 image elements as legacy formats and found missing responsive sources; the route transferred 1.65MB on initial load.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-images.json", "evidence/home-summary.json", "evidence/home.har" ], "findingIds": [ "F15" ] }, { "principleId": "be-sustainable", "checkId": "no-wasteful-work", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "HAR, images and trace evidence quantified transferred bytes, media, third parties and background/main-thread work.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-summary.json", "evidence/home.har" ] }, { "principleId": "be-sustainable", "checkId": "third-party-and-media-budget", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "HAR, images and trace evidence quantified transferred bytes, media, third parties and background/main-thread work.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-summary.json", "evidence/home.har" ] }, { "principleId": "be-agent-ready", "checkId": "structured-agent-capabilities", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Raw HTML is 95-99% visible to non-JS agents; navigation exposes Universal Commerce Protocol and agent tools, and the sitemap includes /SKILL.md and agentic routes.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/pricing-discoverability.json", "evidence/checkout-discoverability.json", "evidence/start-discoverability.json" ] }, { "principleId": "be-agent-ready", "checkId": "on-device-inference", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from route content and site purpose", "evidence": "No audited journey needs local summarisation or language-model inference; server-side commerce AI marketing does not make this browser capability applicable.", "reason": "No audited journey needs local summarisation or language-model inference; server-side commerce AI marketing does not make this browser capability applicable.", "pathIds": [ "home", "pricing", "checkout", "start" ] }, { "principleId": "be-memory-efficient", "checkId": "no-leak-under-repeated-interaction", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Heap snapshots before and after ten full-page scroll cycles decreased from 21,582,951 to 21,515,569 bytes and from 399,491 to 398,316 nodes, with no growing Detached constructor in summaries.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-heap-baseline", "evidence/home-heap-post" ] }, { "principleId": "be-memory-efficient", "checkId": "bounded-footprint", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Heap snapshots before and after ten full-page scroll cycles decreased from 21,582,951 to 21,515,569 bytes and from 399,491 to 398,316 nodes, with no growing Detached constructor in summaries.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-heap-baseline", "evidence/home-heap-post" ] }, { "principleId": "be-memory-efficient", "checkId": "no-detached-dom-or-unbounded-listeners", "status": "pass", "confidence": "high", "method": "Direct visual, DOM, metric, network or interaction evidence mapped to this check", "evidence": "Heap snapshots before and after ten full-page scroll cycles decreased from 21,582,951 to 21,515,569 bytes and from 399,491 to 398,316 nodes, with no growing Detached constructor in summaries.", "pathIds": [ "home", "pricing", "checkout", "start" ], "artifacts": [ "evidence/home-heap-baseline", "evidence/home-heap-post" ] } ], "principleOutcomes": [ { "principleId": "respect-user-preferences", "expectation": "default", "status": "issues", "findingIds": [ "F1", "F2" ] }, { "principleId": "implement-natural-interactions", "expectation": "default", "status": "issues", "findingIds": [ "F3", "F4" ] }, { "principleId": "provide-guided-navigation", "expectation": "default", "status": "pass" }, { "principleId": "maximize-content-reduce-noise", "expectation": "default", "status": "issues", "findingIds": [ "F5", "F6" ] }, { "principleId": "adapt-to-the-form-factor", "expectation": "default", "status": "issues", "findingIds": [ "F10" ] }, { "principleId": "support-core-task-success", "expectation": "default", "status": "pass" }, { "principleId": "be-fast-and-stable", "expectation": "default", "status": "issues", "findingIds": [ "F7", "F8" ] }, { "principleId": "be-inclusive", "expectation": "default", "status": "issues", "findingIds": [ "F9" ] }, { "principleId": "follow-best-practices", "expectation": "default", "status": "issues", "findingIds": [ "F11", "F12" ] }, { "principleId": "be-discoverable", "expectation": "default", "status": "pass" }, { "principleId": "be-private-and-secure", "expectation": "default", "status": "issues", "findingIds": [ "F13", "F14" ] }, { "principleId": "be-resilient", "expectation": "contextual", "status": "pass" }, { "principleId": "be-internationalised", "expectation": "contextual", "status": "pass" }, { "principleId": "be-trustworthy", "expectation": "default", "status": "pass" }, { "principleId": "be-sustainable", "expectation": "contextual", "status": "issues", "findingIds": [ "F15" ] }, { "principleId": "be-agent-ready", "expectation": "contextual", "status": "pass" }, { "principleId": "be-memory-efficient", "expectation": "default", "status": "pass" } ], "paths": [ { "id": "home", "description": "Homepage and global chrome; represents the primary acquisition landing template.", "url": "https://www.shopify.com/", "conditions": [ "desktop", "360x800", "dark", "high contrast", "reduced motion", "no-JS crawler" ], "result": "issues" }, { "id": "pricing", "description": "Pricing/listing template; validates commercial clarity, locale pricing and responsive plan cards.", "url": "https://www.shopify.com/pricing", "conditions": [ "desktop", "360x800", "no-JS crawler" ], "result": "issues" }, { "id": "checkout", "description": "Product/detail template for Shopify Checkout; validates high-value feature communication.", "url": "https://www.shopify.com/checkout", "conditions": [ "desktop", "360x800", "no-JS crawler" ], "result": "issues" }, { "id": "start", "description": "Campaign landing template and primary conversion step before signup.", "url": "https://www.shopify.com/start", "conditions": [ "desktop", "360x800", "no-JS crawler" ], "result": "issues" }, { "id": "signup", "description": "Primary signup handoff; secure admin endpoint presented a Cloudflare connection verification state to the audit browser.", "url": "https://admin.shopify.com/signup?locale=en&language=en", "conditions": [ "desktop" ], "result": "pass" } ], "findings": [ { "id": "F1", "severity": "medium", "confidence": "high", "principleId": "respect-user-preferences", "principleCheckId": "respects-color-scheme", "guidanceId": "dark-mode", "summary": "The visual design is dark, but it does not respond to the user’s colour-scheme preference.", "evidence": "The CSS capability probe found no color-scheme declaration and no prefers-color-scheme rule; the emulated dark capture is the same fixed palette rather than a preference-driven theme.", "artifacts": [ "evidence/home-dark.png", "evidence/home-contrast.png", "evidence/css-capabilities.json" ], "suggestedFix": "Declare color-scheme and provide preference-driven light and dark tokens with prefers-color-scheme or light-dark().", "effort": "medium", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F2", "severity": "medium", "confidence": "high", "principleId": "respect-user-preferences", "principleCheckId": "respects-reduced-motion", "guidanceId": "accessibility", "summary": "Motion is not fully adapted for reduced-motion users.", "evidence": "Under prefers-reduced-motion: reduce, the page still reported twelve running animations (nine at 400ms and three at 1000ms), while the CSS probe found no reduced-motion media rule.", "artifacts": [ "evidence/home-reduced-motion.json", "evidence/css-capabilities.json" ], "suggestedFix": "Add a prefers-reduced-motion reduction layer that removes non-essential transitions and pauses decorative motion.", "effort": "small", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F3", "severity": "medium", "confidence": "high", "principleId": "implement-natural-interactions", "principleCheckId": "view-transitions", "guidanceId": "cross-document-transitions", "summary": "Page and state changes do not use declarative View Transitions.", "evidence": "The rendered CSS capability probe found no view-transition rules across the homepage, despite navigation among multiple brochure routes.", "artifacts": [ "evidence/css-capabilities.json" ], "suggestedFix": "Use same-document or cross-document View Transitions for route and major state changes, with reduced-motion handling.", "effort": "medium", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F4", "severity": "low", "confidence": "high", "principleId": "implement-natural-interactions", "principleCheckId": "scroll-driven-animations", "guidanceId": "scrollytelling", "summary": "The animation-heavy page does not expose declarative scroll timelines.", "evidence": "The CSS capability probe found no animation-timeline or scroll-timeline usage on a 12,000px homepage with extensive animated content.", "artifacts": [ "evidence/css-capabilities.json", "evidence/home-mobile.png" ], "suggestedFix": "Where motion is scroll-linked, replace scroll handlers with CSS scroll-driven animations and retain a static fallback.", "effort": "medium", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F5", "severity": "medium", "confidence": "high", "principleId": "maximize-content-reduce-noise", "principleCheckId": "no-intrusive-interruptions", "guidanceId": "light-dismiss-a-dialog", "summary": "The persistent cookie panel consumes scarce mobile viewport space.", "evidence": "All four mobile screenshots show a fixed consent panel covering roughly the bottom 100px, including primary pricing and checkout content.", "artifacts": [ "evidence/home-mobile.png", "evidence/pricing-mobile.png", "evidence/checkout-mobile.png", "evidence/start-mobile.png" ], "suggestedFix": "Minimise the initial consent UI, keep choices equally prominent, and let users dismiss or defer it without obscuring core content.", "effort": "small", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F6", "severity": "medium", "confidence": "high", "principleId": "maximize-content-reduce-noise", "principleCheckId": "semantic-dismissible-primitives", "guidanceId": "declarative-dialog-popover-control", "summary": "The consent overlay is a custom role=dialog rather than a native dialog or popover.", "evidence": "The semantic DOM probe found zero dialog, popover, or details elements and one role=dialog custom overlay.", "artifacts": [ "evidence/home-probe.json", "evidence/home-desktop.png" ], "suggestedFix": "Use a native dialog for modal consent details or a popover for transient controls, with platform focus and dismissal behaviour.", "effort": "medium", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F7", "severity": "high", "confidence": "high", "principleId": "be-fast-and-stable", "principleCheckId": "good-core-web-vitals", "guidanceId": "optimize-image-priority", "summary": "Cold-load mobile performance misses the fast-loading bar.", "evidence": "Lighthouse measured FCP 4.8s, LCP 7.6s, TTI 7.6s and scored performance 0.62. The separate trace was faster (LCP 844ms), showing substantial run/network variance but not negating the poor cold-load result.", "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-trace-summary.json", "evidence/home-layout.json" ], "suggestedFix": "Profile the LCP request chain, prioritise the actual hero candidate, reduce initial JavaScript, and defer non-critical media and brochure modules.", "effort": "large", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F8", "severity": "medium", "confidence": "high", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-resource-delivery", "guidanceId": "optimize-preload-priority", "summary": "The initial route has a heavy and complex delivery path.", "evidence": "HAR captured 52 requests and 1,650,831 transferred bytes, including 28 scripts and 826,035 bytes attributed to fetch/XHR; Lighthouse also flagged the network dependency tree.", "artifacts": [ "evidence/home-summary.json", "evidence/home.har" ], "suggestedFix": "Shorten critical dependency chains, defer non-critical modules and requests, and verify each preload maps to an early critical consumer.", "effort": "large", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F9", "severity": "high", "confidence": "high", "principleId": "be-inclusive", "principleCheckId": "names-roles-labels", "guidanceId": "accessibility", "summary": "Some interactive controls lack reliable accessible names.", "evidence": "Lighthouse accessibility scored 0.92 and failed aria-command-name, button-name, and label-content-name-mismatch; the DOM probe also found an empty 32x32 consent button without an aria-label.", "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-probe.json" ], "suggestedFix": "Give every icon control a stable accessible name, align visible and accessible labels, and retest the full accessibility tree.", "effort": "small", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F10", "severity": "medium", "confidence": "high", "principleId": "adapt-to-the-form-factor", "principleCheckId": "input-modality-aware", "guidanceId": "accessibility", "summary": "Consent controls include undersized touch targets.", "evidence": "The focusable-control probe measured consent icon buttons at 32x32px. Lighthouse accessibility also identified control-name problems affecting non-pointer use.", "artifacts": [ "evidence/home-probe.json", "evidence/home-mobile.png" ], "suggestedFix": "Increase interactive hit areas to at least 44x44 CSS px and preserve a clearly visible focus indicator.", "effort": "small", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F11", "severity": "medium", "confidence": "high", "principleId": "follow-best-practices", "principleCheckId": "sound-document-and-assets", "guidanceId": "html", "summary": "Image markup and delivery have avoidable quality gaps.", "evidence": "The images primitive found 26 of 53 images without dimensions, 5 without srcset, 43 legacy-format assets, 2 oversized images and 42 missing alt attributes (some may be intentionally decorative).", "artifacts": [ "evidence/home-images.json" ], "suggestedFix": "Reserve intrinsic dimensions, use responsive sources and modern formats, and explicitly use empty alt only for decorative images.", "effort": "medium", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F12", "severity": "medium", "confidence": "high", "principleId": "follow-best-practices", "principleCheckId": "browser-platform-hygiene", "guidanceId": "html", "summary": "The page uses a deprecated API and prevents back/forward cache restoration.", "evidence": "Lighthouse reported one deprecated-API warning and one BFCache failure reason; best-practices scored 0.81.", "artifacts": [ "evidence/lighthouse-home.json" ], "suggestedFix": "Remove the deprecated call and resolve the reported BFCache blocker, then verify navigation restoration in DevTools.", "effort": "medium", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F13", "severity": "high", "confidence": "high", "principleId": "be-private-and-secure", "principleCheckId": "secure-transport-and-headers", "guidanceId": "security", "summary": "The main document lacks a Content-Security-Policy.", "evidence": "The headers primitive confirmed HTTPS, HSTS and nosniff, but found no Content-Security-Policy. Cookies were Secure/SameSite=Lax and the secrets scan found no exposed credentials.", "artifacts": [ "evidence/home-headers.json", "evidence/home-cookies.json", "evidence/home-secrets.json", "evidence/home-trackers.json" ], "suggestedFix": "Deploy a nonce- or hash-based CSP, starting in report-only mode, then enforce it after eliminating violations.", "effort": "large", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F14", "severity": "high", "confidence": "high", "principleId": "be-private-and-secure", "principleCheckId": "defensive-browser-policies", "guidanceId": "security", "summary": "Several browser-enforced defensive policies are absent.", "evidence": "The headers primitive found no X-Frame-Options or CSP frame-ancestors, no Referrer-Policy, and no Permissions-Policy.", "artifacts": [ "evidence/home-headers.json" ], "suggestedFix": "Set frame-ancestors (or X-Frame-Options as legacy defence), strict Referrer-Policy, and a least-privilege Permissions-Policy.", "effort": "small", "pathId": "home", "url": "https://www.shopify.com/" }, { "id": "F15", "severity": "medium", "confidence": "high", "principleId": "be-sustainable", "principleCheckId": "optimised-assets", "guidanceId": "deliver-optimized-decorative-images", "summary": "Asset selection leaves measurable transfer-efficiency opportunities.", "evidence": "The images primitive classified 43 of 53 image elements as legacy formats and found missing responsive sources; the route transferred 1.65MB on initial load.", "artifacts": [ "evidence/home-images.json", "evidence/home-summary.json", "evidence/home.har" ], "suggestedFix": "Serve AVIF/WebP where beneficial, provide correctly sized srcsets, and avoid downloading hidden or non-critical decorative assets.", "effort": "medium", "pathId": "home", "url": "https://www.shopify.com/" } ], "taskList": [ { "id": "T1", "title": "Fix accessible names and touch target sizing", "priority": 1, "findingIds": [ "F9", "F10" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T2", "title": "Improve cold-load LCP and critical delivery", "priority": 2, "findingIds": [ "F7", "F8" ], "guidanceId": "optimize-image-priority", "status": "open" }, { "id": "T3", "title": "Deploy CSP and defensive response policies", "priority": 3, "findingIds": [ "F13", "F14" ], "guidanceId": "security", "status": "open" }, { "id": "T4", "title": "Optimise responsive image markup and formats", "priority": 4, "findingIds": [ "F11", "F15" ], "guidanceId": "optimize-image-priority", "status": "open" }, { "id": "T5", "title": "Respect colour and motion preferences", "priority": 5, "findingIds": [ "F1", "F2" ], "guidanceId": "dark-mode", "status": "open" }, { "id": "T6", "title": "Reduce and semantically implement the consent interruption", "priority": 6, "findingIds": [ "F5", "F6" ], "guidanceId": "declarative-dialog-popover-control", "status": "open" }, { "id": "T7", "title": "Modernise route and scroll transitions", "priority": 7, "findingIds": [ "F3", "F4" ], "guidanceId": "cross-document-transitions", "status": "open" }, { "id": "T8", "title": "Remove deprecated API and BFCache blocker", "priority": 8, "findingIds": [ "F12" ], "guidanceId": "html", "status": "open" } ], "budget": { "pathCount": 5, "auditPasses": 1 }, "agent": "pi", "runId": "2026-07-19T12-57-19-695Z" }