{ "url": "https://www.snapchat.com", "auditedAt": "2026-07-19T03:17:27.244Z", "mode": "report", "status": "completed", "statusDetail": "Coverage-complete anonymous public-site audit across six representative templates plus a recovery route. Authenticated account, payment confirmation, messaging, and camera permission flows were not covered because no test credentials were supplied.", "page": { "appType": "hybrid", "framework": "Next.js / React", "notes": "Public marketing, discovery, media, download, login-entry, and subscription pages. Homepage is a JS shell; Discover and Plus include substantial server-rendered content." }, "evidenceUsed": [ "screenshot", "dom", "evaluate-probe", "layout-metrics", "trace", "har", "lighthouse", "discoverability", "headers", "cookies", "trackers", "secrets", "images", "heap-summary", "robots/sitemap fetch", "Modern Web Guidance 0.0.172" ], "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", "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", "declarative-button-actions" ], "artifacts": [ { "type": "other", "path": "evidence/cookies.json", "caption": "cookies", "findingIds": [ "F22" ] }, { "type": "screenshot", "path": "evidence/discover-desktop.png", "caption": "discover desktop", "findingIds": [ "F05" ] }, { "type": "screenshot", "path": "evidence/discover-discoverability-crawler.png", "caption": "discover discoverability crawler", "findingIds": [] }, { "type": "screenshot", "path": "evidence/discover-discoverability-rendered.png", "caption": "discover discoverability rendered", "findingIds": [] }, { "type": "discoverability", "path": "evidence/discover-discoverability.json", "caption": "discover discoverability", "findingIds": [] }, { "type": "layout", "path": "evidence/discover-mobile-layout.json", "caption": "discover mobile layout", "findingIds": [ "F04", "F05" ] }, { "type": "dom", "path": "evidence/discover-probe.json", "caption": "discover probe", "findingIds": [ "F03", "F04" ] }, { "type": "screenshot", "path": "evidence/download-desktop.png", "caption": "download desktop", "findingIds": [] }, { "type": "layout", "path": "evidence/download-mobile-layout.json", "caption": "download mobile layout", "findingIds": [] }, { "type": "dom", "path": "evidence/download-probe.json", "caption": "download probe", "findingIds": [] }, { "type": "other", "path": "evidence/headers.json", "caption": "headers", "findingIds": [ "F22", "F25" ] }, { "type": "screenshot", "path": "evidence/home-dark.png", "caption": "home dark", "findingIds": [ "F01" ] }, { "type": "screenshot", "path": "evidence/home-desktop.png", "caption": "home desktop", "findingIds": [ "F09", "F24" ] }, { "type": "screenshot", "path": "evidence/home-discoverability-crawler.png", "caption": "home discoverability crawler", "findingIds": [ "F26" ] }, { "type": "screenshot", "path": "evidence/home-discoverability-rendered.png", "caption": "home discoverability rendered", "findingIds": [ "F26" ] }, { "type": "discoverability", "path": "evidence/home-discoverability.json", "caption": "home discoverability", "findingIds": [ "F26" ] }, { "type": "dom", "path": "evidence/home-dom.json", "caption": "home dom", "findingIds": [ "F01" ] }, { "type": "other", "path": "evidence/home-form-invalid.json", "caption": "home form invalid", "findingIds": [] }, { "type": "heap", "path": "evidence/home-heap-baseline.json", "caption": "home heap baseline", "findingIds": [] }, { "type": "heap", "path": "evidence/home-heap-post.json", "caption": "home heap post", "findingIds": [] }, { "type": "screenshot", "path": "evidence/home-high-contrast.png", "caption": "home high contrast", "findingIds": [] }, { "type": "other", "path": "evidence/home-input-modality.json", "caption": "home input modality", "findingIds": [ "F08", "F16", "F17" ] }, { "type": "lighthouse", "path": "evidence/home-lighthouse.json", "caption": "home lighthouse", "findingIds": [ "F11", "F12", "F13", "F14", "F15", "F16", "F18", "F19", "F20", "F23", "F30", "F31", "F32" ] }, { "type": "other", "path": "evidence/home-login-empty.json", "caption": "home login empty", "findingIds": [ "F09", "F10", "F27" ] }, { "type": "layout", "path": "evidence/home-mobile-layout.json", "caption": "home mobile layout", "findingIds": [] }, { "type": "screenshot", "path": "evidence/home-mobile.png", "caption": "home mobile", "findingIds": [] }, { "type": "dom", "path": "evidence/home-probe.json", "caption": "home probe", "findingIds": [ "F03", "F21", "F24", "F28" ] }, { "type": "other", "path": "evidence/home-reduced-motion.json", "caption": "home reduced motion", "findingIds": [ "F02" ] }, { "type": "har-summary", "path": "evidence/home-summary.json", "caption": "home summary", "findingIds": [ "F13", "F14", "F18", "F23", "F30", "F31", "F32" ] }, { "type": "trace-summary", "path": "evidence/home-trace-summary.json", "caption": "home trace summary", "findingIds": [ "F11", "F12" ] }, { "type": "trace", "path": "evidence/home-trace.json", "caption": "home trace", "findingIds": [] }, { "type": "har", "path": "evidence/home.har", "caption": "home", "findingIds": [ "F13", "F32" ] }, { "type": "other", "path": "evidence/images.json", "caption": "images", "findingIds": [] }, { "type": "screenshot", "path": "evidence/lenses-desktop.png", "caption": "lenses desktop", "findingIds": [] }, { "type": "layout", "path": "evidence/lenses-mobile-layout.json", "caption": "lenses mobile layout", "findingIds": [] }, { "type": "dom", "path": "evidence/lenses-probe.json", "caption": "lenses probe", "findingIds": [ "F19" ] }, { "type": "other", "path": "evidence/not-found.json", "caption": "not found", "findingIds": [] }, { "type": "screenshot", "path": "evidence/plus-desktop.png", "caption": "plus desktop", "findingIds": [ "F29" ] }, { "type": "screenshot", "path": "evidence/plus-discoverability-crawler.png", "caption": "plus discoverability crawler", "findingIds": [] }, { "type": "screenshot", "path": "evidence/plus-discoverability-rendered.png", "caption": "plus discoverability rendered", "findingIds": [] }, { "type": "discoverability", "path": "evidence/plus-discoverability.json", "caption": "plus discoverability", "findingIds": [] }, { "type": "layout", "path": "evidence/plus-mobile-layout.json", "caption": "plus mobile layout", "findingIds": [] }, { "type": "screenshot", "path": "evidence/plus-mobile.png", "caption": "plus mobile", "findingIds": [ "F29" ] }, { "type": "dom", "path": "evidence/plus-probe.json", "caption": "plus probe", "findingIds": [ "F19", "F21" ] }, { "type": "other", "path": "evidence/recon.json", "caption": "recon", "findingIds": [] }, { "type": "other", "path": "evidence/secrets.json", "caption": "secrets", "findingIds": [] }, { "type": "screenshot", "path": "evidence/spotlight-desktop.png", "caption": "spotlight desktop", "findingIds": [] }, { "type": "layout", "path": "evidence/spotlight-mobile-layout.json", "caption": "spotlight mobile layout", "findingIds": [ "F06", "F07", "F17" ] }, { "type": "screenshot", "path": "evidence/spotlight-mobile.png", "caption": "spotlight mobile", "findingIds": [ "F06", "F07" ] }, { "type": "dom", "path": "evidence/spotlight-probe.json", "caption": "spotlight probe", "findingIds": [] }, { "type": "other", "path": "evidence/trackers.json", "caption": "trackers", "findingIds": [ "F23" ] } ], "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 screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "The dark-emulated screenshot remains a white homepage, and computed styles report color-scheme: normal.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-dark.png", "evidence/home-dom.json" ], "findingIds": [ "F01" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-reduced-motion", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "The reduced-motion probe confirms the media query is active but reports html scroll-behavior: smooth.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-reduced-motion.json" ], "findingIds": [ "F02" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-contrast", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Forced-colors/high-contrast screenshot preserves readable text, controls, borders, and navigation.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "implement-natural-interactions", "checkId": "view-transitions", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "CSS inspection across six representative routes found no view-transition rules; navigation changes are full swaps.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/discover-probe.json" ], "findingIds": [ "F03" ] }, { "principleId": "implement-natural-interactions", "checkId": "scroll-driven-animations", "status": "issues", "confidence": "medium", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "CSS probes across all sampled templates found no animation-timeline or scroll-timeline despite long feed and marketing surfaces.", "pathIds": [ "discover" ], "artifacts": [ "evidence/discover-probe.json", "evidence/discover-mobile-layout.json" ], "findingIds": [ "F04" ] }, { "principleId": "implement-natural-interactions", "checkId": "physical-gestures", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Mobile Spotlight exposes platform-like vertical feed controls and a clear scroll-to-view-more affordance without observed custom pointer failure.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "provide-guided-navigation", "checkId": "scroll-state-aware-chrome", "status": "issues", "confidence": "medium", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "The 4,955px Discover mobile page retains static navigation and has no scroll timeline/progress affordance in the screenshot or CSS probe.", "pathIds": [ "discover" ], "artifacts": [ "evidence/discover-desktop.png", "evidence/discover-mobile-layout.json" ], "findingIds": [ "F05" ] }, { "principleId": "provide-guided-navigation", "checkId": "anchored-positioning", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative-route recon.", "evidence": "No tooltip, popover, or anchored menu appeared on the sampled public routes, so there was no anchored overlay to judge.", "reason": "No tooltip, popover, or anchored menu appeared on the sampled public routes, so there was no anchored overlay to judge." }, { "principleId": "provide-guided-navigation", "checkId": "directs-attention", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Discover marks Stories active; Spotlight provides explicit up/down controls and a “Scroll to view more” cue.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "no-intrusive-interruptions", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Load screenshots show content immediately with no modal, consent wall, or full-screen interstitial; the safety notice is a slim persistent bar.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "semantic-dismissible-primitives", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "DOM inspection found six native details disclosures and no ad-hoc modal/dialog overlay on sampled routes.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "reduced-chrome", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Screenshots devote the primary viewport to login, stories, video, lenses, or subscription content with compact global chrome.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "responsive-no-horizontal-scroll", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Layout metrics at 360x800 report innerWidth/scrollWidth 1020px and 660px horizontal overflow; the video is visibly offset and clipped.", "pathIds": [ "spotlight" ], "artifacts": [ "evidence/spotlight-mobile-layout.json", "evidence/spotlight-mobile.png" ], "findingIds": [ "F06" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "component-level-responsiveness", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "All six CSS probes found no container queries; the Spotlight component expands to 1020px at a 360px viewport.", "pathIds": [ "spotlight" ], "artifacts": [ "evidence/spotlight-mobile-layout.json", "evidence/spotlight-mobile.png" ], "findingIds": [ "F07" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "input-modality-aware", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "The focus/target probe found 29–40px-high login controls and footer links, while the username/search inputs and several footer links computed outline: none after focus.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-input-modality.json" ], "findingIds": [ "F08" ] }, { "principleId": "support-core-task-success", "checkId": "clear-purpose-and-primary-action", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Each sampled route has a clear title/purpose and prominent login, download, content, or subscribe action.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "support-core-task-success", "checkId": "primary-flow-completion", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Clicking the enabled Log in button with an empty, non-required username field leaves the URL unchanged, does not focus the field, and renders no error or live-region message.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-login-empty.json", "evidence/home-desktop.png" ], "findingIds": [ "F09" ] }, { "principleId": "support-core-task-success", "checkId": "clear-system-state-and-recovery", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "After empty submission, aria-invalid remains absent, validationMessage is empty, focus does not move, and no alert/live-region text appears.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-login-empty.json" ], "findingIds": [ "F10" ] }, { "principleId": "be-fast-and-stable", "checkId": "good-core-web-vitals", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Lighthouse scored performance 0.44 with LCP 20.3s, TBT 750ms, FCP 3.2s and TTI 20.6s; a separate trace measured LCP 5.10s.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-lighthouse.json", "evidence/home-trace-summary.json" ], "findingIds": [ "F11" ] }, { "principleId": "be-fast-and-stable", "checkId": "visual-stability", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Mobile layout observers measured CLS from 0.0001 to 0.0158 across all six routes, within the good range.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-mobile-layout.json", "evidence/discover-mobile-layout.json", "evidence/spotlight-mobile-layout.json", "evidence/lenses-mobile-layout.json", "evidence/plus-mobile-layout.json", "evidence/download-mobile-layout.json" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-main-thread", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Lighthouse measured 750ms TBT and 800ms max potential input delay; the independent trace recorded a 113ms long task.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-lighthouse.json", "evidence/home-trace-summary.json" ], "findingIds": [ "F12" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-resource-delivery", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "HAR/Lighthouse show 4.29MB transferred, 2.03s estimated render-blocking savings, an LCP poster without fetchpriority=high, and 1.51MB cache-lifetime savings.", "pathIds": [ "home" ], "artifacts": [ "evidence/home.har", "evidence/home-summary.json", "evidence/home-lighthouse.json" ], "findingIds": [ "F13" ] }, { "principleId": "be-fast-and-stable", "checkId": "trim-unused-and-duplicate-code", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "HAR records 2.21MB of JavaScript including a 2.07MB _app chunk; Lighthouse estimates 1.50MB unused JavaScript and 24KB unused CSS.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/home-lighthouse.json" ], "findingIds": [ "F14" ] }, { "principleId": "be-inclusive", "checkId": "names-roles-labels", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Lighthouse reports serious label-content-name-mismatch failures: visible “Lenses” and “Stories” links use aria-label values LENS_HOME_PAGE and DISCOVER_HOME_PAGE.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-lighthouse.json" ], "findingIds": [ "F15" ] }, { "principleId": "be-inclusive", "checkId": "sufficient-contrast", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Lighthouse accessibility scored 0.98 without a color-contrast failure; forced-colors screenshot remains readable.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "be-inclusive", "checkId": "structure-and-focus", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Lighthouse flags H6 “Discover Snapchat” and H3 “Advertise” heading-order failures; focus probing found multiple controls with outline: none.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-lighthouse.json", "evidence/home-input-modality.json" ], "findingIds": [ "F16" ] }, { "principleId": "be-inclusive", "checkId": "legible-text", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Desktop/mobile screenshots show readable line lengths, unclipped headings, and clear text hierarchy outside the separately reported Spotlight overflow.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "be-inclusive", "checkId": "zoom-reflow-targets-and-media", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Spotlight has 660px overflow at 360px, and the target probe reports several primary controls below 44px high.", "pathIds": [ "spotlight" ], "artifacts": [ "evidence/spotlight-mobile-layout.json", "evidence/home-input-modality.json" ], "findingIds": [ "F17" ] }, { "principleId": "follow-best-practices", "checkId": "no-console-errors", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Lighthouse captured repeated React hydration errors 418/422/425 plus CORS/403 failures from growth-web-dev-tool.mesh.sc-corp.net.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-lighthouse.json", "evidence/home-summary.json" ], "findingIds": [ "F18" ] }, { "principleId": "follow-best-practices", "checkId": "sound-document-and-assets", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Lighthouse found the Bitmoji image without explicit width/height; probes found no H1 on Snapchat+ and two H1s on Lenses.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-lighthouse.json", "evidence/plus-probe.json", "evidence/lenses-probe.json" ], "findingIds": [ "F19" ] }, { "principleId": "follow-best-practices", "checkId": "browser-platform-hygiene", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Lighthouse reports the 2MB app chunk has no usable source map (403), along with cookie and CSP inspector issues.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-lighthouse.json" ], "findingIds": [ "F20" ] }, { "principleId": "be-discoverable", "checkId": "title-and-description", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "All six route probes found unique descriptive titles and meta descriptions.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/discover-probe.json", "evidence/spotlight-probe.json", "evidence/lenses-probe.json", "evidence/plus-probe.json", "evidence/download-probe.json" ] }, { "principleId": "be-discoverable", "checkId": "crawlable-and-mobile-friendly", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "All sampled anchors had hrefs, viewport metadata is present, and robots allows normal public crawling outside named exclusions.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/discover-probe.json", "evidence/spotlight-probe.json", "evidence/lenses-probe.json", "evidence/plus-probe.json", "evidence/download-probe.json" ] }, { "principleId": "be-discoverable", "checkId": "canonical-and-indexing-signals", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "All six sampled pages returned content with canonical URLs; robots and sitemap were present and no accidental noindex was found.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/discover-probe.json", "evidence/spotlight-probe.json", "evidence/lenses-probe.json", "evidence/plus-probe.json", "evidence/download-probe.json" ] }, { "principleId": "be-discoverable", "checkId": "structured-and-shareable-metadata", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Homepage and Snapchat+ expose Open Graph metadata but zero JSON-LD blocks; Snapchat+ represents a paid product/subscription and has no Product/Offer metadata.", "pathIds": [ "plus" ], "artifacts": [ "evidence/home-probe.json", "evidence/plus-probe.json" ], "findingIds": [ "F21" ] }, { "principleId": "be-private-and-secure", "checkId": "secure-transport-and-headers", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "HTTPS/HSTS/CSP are present, but CSP allows unsafe-inline styles; nosniff and Referrer-Policy are absent. All four first-party cookies use SameSite=None, including year-long cookies.", "pathIds": [ "home" ], "artifacts": [ "evidence/headers.json", "evidence/cookies.json" ], "findingIds": [ "F22" ] }, { "principleId": "be-private-and-secure", "checkId": "data-minimisation-and-third-parties", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "HAR shows requests to growth-web-dev-tool.mesh.sc-corp.net that redirect to Google OAuth, fail CORS/403, set third-party cookies, and add network/console noise.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/home-lighthouse.json", "evidence/trackers.json" ], "findingIds": [ "F23" ] }, { "principleId": "be-private-and-secure", "checkId": "in-context-permissions-and-modern-auth", "status": "issues", "confidence": "low", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "The anonymous login screenshot and DOM expose username/email and phone-number paths but no passkey/WebAuthn affordance; no permission prompts fired on load.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-probe.json" ], "findingIds": [ "F24" ] }, { "principleId": "be-private-and-secure", "checkId": "defensive-browser-policies", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Headers evidence reports no Permissions-Policy or Referrer-Policy and no X-Content-Type-Options; CSP/frame protection and HSTS are present.", "pathIds": [ "home" ], "artifacts": [ "evidence/headers.json" ], "findingIds": [ "F25" ] }, { "principleId": "be-resilient", "checkId": "progressive-enhancement", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Discoverability measured only 2% raw/rendered content overlap, no raw H1, and isJsShell: true; the crawler screenshot shows only branding while the rendered page contains login and product content.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/home-discoverability-rendered.png", "evidence/home-discoverability-crawler.png" ], "findingIds": [ "F26" ] }, { "principleId": "be-resilient", "checkId": "resilient-runtime-behaviour", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Representative routes loaded stable content and native details navigation; no clipped overlay or lost state was observed during the sampled interactions.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "be-resilient", "checkId": "offline-and-installable", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative-route recon.", "evidence": "The sampled core experiences are connected messaging/media services; an offline/installable public marketing shell is not necessary for task completion.", "reason": "The sampled core experiences are connected messaging/media services; an offline/installable public marketing shell is not necessary for task completion." }, { "principleId": "be-resilient", "checkId": "network-and-http-failure-states", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "An invalid route renders a clear “This content was not found” state with global navigation and recovery links.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "be-internationalised", "checkId": "lang-dir-and-logical-properties", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "All routes declare lang=en-GB and dir=ltr; inspected footer CSS uses padding-inline/inset-inline and supports [dir=rtl].", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/discover-probe.json", "evidence/spotlight-probe.json", "evidence/lenses-probe.json", "evidence/plus-probe.json", "evidence/download-probe.json" ] }, { "principleId": "be-internationalised", "checkId": "locale-aware-data", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative-route recon.", "evidence": "No dates, numbers, currency amounts, durations, or calendar data were rendered on the representative anonymous routes.", "reason": "No dates, numbers, currency amounts, durations, or calendar data were rendered on the representative anonymous routes." }, { "principleId": "be-internationalised", "checkId": "time-zone-correctness", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative-route recon.", "evidence": "No event scheduling or time-zone-sensitive data appeared in the representative anonymous routes.", "reason": "No event scheduling or time-zone-sensitive data appeared in the representative anonymous routes." }, { "principleId": "be-trustworthy", "checkId": "no-dark-patterns", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "No confirmshaming, disguised ads, preselected consent, or forced continuity appeared on sampled anonymous routes.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/home-probe.json" ] }, { "principleId": "be-trustworthy", "checkId": "humane-error-handling", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "The identifier is not required and empty submission yields no message, focus, aria-invalid state, or recovery instruction.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-login-empty.json" ], "findingIds": [ "F27" ] }, { "principleId": "be-trustworthy", "checkId": "trustworthy-input-assistance", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "DOM inspection shows the “Username or email address” input has autocomplete=\"\" and no name, reducing password-manager and autofill support.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json" ], "findingIds": [ "F28" ] }, { "principleId": "be-trustworthy", "checkId": "safe-commercial-and-account-flows", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Desktop and mobile screenshots show benefits, QR/Subscribe CTA, and no visible price, billing interval, renewal, or cancellation terms before commitment.", "pathIds": [ "plus" ], "artifacts": [ "evidence/plus-desktop.png", "evidence/plus-mobile.png" ], "findingIds": [ "F29" ] }, { "principleId": "be-sustainable", "checkId": "optimised-assets", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "Lighthouse estimates 1.34MB image savings across four video posters; individual PNGs waste 248–446KB and the Bitmoji image is oversized.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-lighthouse.json", "evidence/home-summary.json" ], "findingIds": [ "F30" ] }, { "principleId": "be-sustainable", "checkId": "no-wasteful-work", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "The page loads 70 requests and contacts an internal growth endpoint that redirects through Google OAuth and fails; autoplay media and analytics also start immediately.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/home-lighthouse.json" ], "findingIds": [ "F31" ] }, { "principleId": "be-sustainable", "checkId": "third-party-and-media-budget", "status": "issues", "confidence": "high", "method": "Targeted screenshot, DOM/evaluate probe, layout, network, trace, Lighthouse, or heap evidence as linked.", "evidence": "HAR records 4.29MB transferred: 2.21MB scripts and 1.44MB images, while four autoplay loop videos are present and Lighthouse scores performance 0.44.", "pathIds": [ "home" ], "artifacts": [ "evidence/home.har", "evidence/home-summary.json", "evidence/home-lighthouse.json" ], "findingIds": [ "F32" ] }, { "principleId": "be-agent-ready", "checkId": "structured-agent-capabilities", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative-route recon.", "evidence": "No declared agent-facing transactional surface was found; this emerging capability is optional for these public discovery/marketing routes.", "reason": "No declared agent-facing transactional surface was found; this emerging capability is optional for these public discovery/marketing routes." }, { "principleId": "be-agent-ready", "checkId": "on-device-inference", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative-route recon.", "evidence": "The sampled routes expose no summarisation, translation, or generative task where on-device inference is needed.", "reason": "The sampled routes expose no summarisation, translation, or generative task where on-device inference is needed." }, { "principleId": "be-memory-efficient", "checkId": "no-leak-under-repeated-interaction", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "After ten full-page scroll cycles, retained heap rose only 69,533 bytes (0.11%) and 966 heap nodes (0.14%), with no unbounded trend evident.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-heap-baseline.json", "evidence/home-heap-post.json" ] }, { "principleId": "be-memory-efficient", "checkId": "bounded-footprint", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Heap summary was about 60.5MB on a media-heavy homepage and remained stable after repeated interaction.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-heap-baseline.json", "evidence/home-heap-post.json" ] }, { "principleId": "be-memory-efficient", "checkId": "no-detached-dom-or-unbounded-listeners", "status": "pass", "confidence": "high", "method": "Representative route walkthrough plus targeted screenshot/DOM/evaluate/layout evidence.", "evidence": "Before/after heap summaries contain no Detached* constructor population and remained nearly flat across ten scroll cycles.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-heap-baseline.json", "evidence/home-heap-post.json" ] } ], "principleOutcomes": [ { "principleId": "respect-user-preferences", "expectation": "default", "status": "issues", "findingIds": [ "F01", "F02" ] }, { "principleId": "implement-natural-interactions", "expectation": "default", "status": "issues", "findingIds": [ "F03", "F04" ] }, { "principleId": "provide-guided-navigation", "expectation": "default", "status": "issues", "findingIds": [ "F05" ] }, { "principleId": "maximize-content-reduce-noise", "expectation": "default", "status": "pass" }, { "principleId": "adapt-to-the-form-factor", "expectation": "default", "status": "issues", "findingIds": [ "F06", "F07", "F08" ] }, { "principleId": "support-core-task-success", "expectation": "default", "status": "issues", "findingIds": [ "F09", "F10" ] }, { "principleId": "be-fast-and-stable", "expectation": "default", "status": "issues", "findingIds": [ "F11", "F12", "F13", "F14" ] }, { "principleId": "be-inclusive", "expectation": "default", "status": "issues", "findingIds": [ "F15", "F16", "F17" ] }, { "principleId": "follow-best-practices", "expectation": "default", "status": "issues", "findingIds": [ "F18", "F19", "F20" ] }, { "principleId": "be-discoverable", "expectation": "default", "status": "issues", "findingIds": [ "F21" ] }, { "principleId": "be-private-and-secure", "expectation": "default", "status": "issues", "findingIds": [ "F22", "F23", "F24", "F25" ] }, { "principleId": "be-resilient", "expectation": "contextual", "status": "issues", "findingIds": [ "F26" ] }, { "principleId": "be-internationalised", "expectation": "contextual", "status": "pass" }, { "principleId": "be-trustworthy", "expectation": "default", "status": "issues", "findingIds": [ "F27", "F28", "F29" ] }, { "principleId": "be-sustainable", "expectation": "contextual", "status": "issues", "findingIds": [ "F30", "F31", "F32" ] }, { "principleId": "be-agent-ready", "expectation": "contextual", "status": "not-applicable", "reason": "No declared agent-facing transactional surface was found; this emerging capability is optional for these public discovery/marketing routes. The sampled routes expose no summarisation, translation, or generative task where on-device inference is needed." }, { "principleId": "be-memory-efficient", "expectation": "default", "status": "pass" } ], "paths": [ { "id": "home", "description": "Homepage, anonymous login entry, marketing landing page, and mobile home experience.", "url": "https://www.snapchat.com", "conditions": [ "desktop 1440x900", "mobile 360x800", "dark scheme", "reduced motion", "forced colors", "keyboard focus", "empty login submission", "no JavaScript" ], "result": "issues" }, { "id": "discover", "description": "Stories listing/feed archetype, including long-page navigation and crawler rendering.", "url": "https://www.snapchat.com/discover", "conditions": [ "desktop", "mobile 360x800", "no JavaScript" ], "result": "issues" }, { "id": "spotlight", "description": "Short-video feed/detail journey; /spotlight redirected to a representative Spotlight item.", "url": "https://www.snapchat.com/spotlight", "conditions": [ "desktop", "mobile 360x800" ], "result": "issues" }, { "id": "lenses", "description": "Lens listing/content-discovery archetype.", "url": "https://www.snapchat.com/lens", "conditions": [ "desktop", "mobile 360x800" ], "result": "issues" }, { "id": "plus", "description": "Snapchat+ commercial/subscription landing flow.", "url": "https://www.snapchat.com/plus", "conditions": [ "desktop", "mobile 360x800", "no JavaScript" ], "result": "issues" }, { "id": "download", "description": "Download and install acquisition page.", "url": "https://www.snapchat.com/download", "conditions": [ "desktop", "mobile 360x800" ], "result": "issues" }, { "id": "not-found", "description": "Invalid route used to inspect HTTP/content recovery state.", "url": "https://www.snapchat.com/this-route-should-not-exist-web-uplift", "conditions": [ "desktop" ], "result": "pass" } ], "findings": [ { "id": "F01", "severity": "medium", "principleId": "respect-user-preferences", "principleCheckId": "respects-color-scheme", "guidanceId": "dark-mode", "guidanceCategory": "user-experience", "confidence": "high", "summary": "The homepage ignores the user’s dark color-scheme preference.", "evidence": "The dark-emulated screenshot remains a white homepage, and computed styles report color-scheme: normal.", "suggestedFix": "Declare color-scheme: light dark and theme surfaces with prefers-color-scheme or light-dark(), while preserving the intentionally dark content routes.", "artifacts": [ "evidence/home-dark.png", "evidence/home-dom.json" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F02", "severity": "medium", "principleId": "respect-user-preferences", "principleCheckId": "respects-reduced-motion", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "confidence": "high", "summary": "Smooth scrolling remains enabled under reduced-motion.", "evidence": "The reduced-motion probe confirms the media query is active but reports html scroll-behavior: smooth.", "suggestedFix": "Disable smooth scrolling and non-essential motion inside prefers-reduced-motion: reduce.", "artifacts": [ "evidence/home-reduced-motion.json" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F03", "severity": "low", "principleId": "implement-natural-interactions", "principleCheckId": "view-transitions", "guidanceId": "same-document-transitions", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Route and state changes do not use View Transitions.", "evidence": "CSS inspection across six representative routes found no view-transition rules; navigation changes are full swaps.", "suggestedFix": "Use same-document or cross-document View Transitions for supported route/state changes, with a no-motion fallback.", "artifacts": [ "evidence/home-probe.json", "evidence/discover-probe.json" ], "effort": "medium", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F04", "severity": "low", "principleId": "implement-natural-interactions", "principleCheckId": "scroll-driven-animations", "guidanceId": "scroll-entry-exit-effects", "guidanceCategory": "user-experience", "confidence": "medium", "summary": "Long scrolling/media surfaces do not use declarative scroll timelines.", "evidence": "CSS probes across all sampled templates found no animation-timeline or scroll-timeline despite long feed and marketing surfaces.", "suggestedFix": "Move any scroll-linked reveals or progress effects to CSS scroll-driven animations and avoid scroll handlers for visual effects.", "artifacts": [ "evidence/discover-probe.json", "evidence/discover-mobile-layout.json" ], "effort": "medium", "pathId": "discover", "url": "https://www.snapchat.com/discover" }, { "id": "F05", "severity": "low", "principleId": "provide-guided-navigation", "principleCheckId": "scroll-state-aware-chrome", "guidanceId": "scroll-progress-indicator", "guidanceCategory": "user-experience", "confidence": "medium", "summary": "Long feed chrome does not communicate scroll position or react to it.", "evidence": "The 4,955px Discover mobile page retains static navigation and has no scroll timeline/progress affordance in the screenshot or CSS probe.", "suggestedFix": "Add a lightweight scroll-position or progress affordance where it helps orientation on long feeds.", "artifacts": [ "evidence/discover-desktop.png", "evidence/discover-mobile-layout.json" ], "effort": "small", "pathId": "discover", "url": "https://www.snapchat.com/discover" }, { "id": "F06", "severity": "high", "principleId": "adapt-to-the-form-factor", "principleCheckId": "responsive-no-horizontal-scroll", "guidanceId": "css-layout", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Spotlight forces a desktop-sized layout on a 360px viewport.", "evidence": "Layout metrics at 360x800 report innerWidth/scrollWidth 1020px and 660px horizontal overflow; the video is visibly offset and clipped.", "suggestedFix": "Remove the fixed/minimum desktop width, keep the layout viewport at device width, and size the Spotlight card intrinsically.", "artifacts": [ "evidence/spotlight-mobile-layout.json", "evidence/spotlight-mobile.png" ], "effort": "medium", "pathId": "spotlight", "url": "https://www.snapchat.com/spotlight" }, { "id": "F07", "severity": "medium", "principleId": "adapt-to-the-form-factor", "principleCheckId": "component-level-responsiveness", "guidanceId": "size-aware-styling", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Reusable surfaces do not use component-level responsiveness, and Spotlight breaks in its narrow container.", "evidence": "All six CSS probes found no container queries; the Spotlight component expands to 1020px at a 360px viewport.", "suggestedFix": "Give reusable cards/feeds containment and adapt them with @container rules rather than relying only on global breakpoints.", "artifacts": [ "evidence/spotlight-mobile-layout.json", "evidence/spotlight-mobile.png" ], "effort": "medium", "pathId": "spotlight", "url": "https://www.snapchat.com/spotlight" }, { "id": "F08", "severity": "medium", "principleId": "adapt-to-the-form-factor", "principleCheckId": "input-modality-aware", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "confidence": "high", "summary": "Several visible controls are undersized or lose visible keyboard focus.", "evidence": "The focus/target probe found 29–40px-high login controls and footer links, while the username/search inputs and several footer links computed outline: none after focus.", "suggestedFix": "Use at least 44x44 CSS-pixel hit areas and a high-contrast :focus-visible treatment on every interactive element.", "artifacts": [ "evidence/home-input-modality.json" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F09", "severity": "high", "principleId": "support-core-task-success", "principleCheckId": "primary-flow-completion", "guidanceId": "forms", "guidanceCategory": "forms", "confidence": "high", "summary": "The anonymous login flow accepts an empty submission but makes no progress and gives no guidance.", "evidence": "Clicking the enabled Log in button with an empty, non-required username field leaves the URL unchanged, does not focus the field, and renders no error or live-region message.", "suggestedFix": "Make the identifier required, prevent empty submission, focus the field, and provide an actionable error before continuing the login flow.", "artifacts": [ "evidence/home-login-empty.json", "evidence/home-desktop.png" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F10", "severity": "high", "principleId": "support-core-task-success", "principleCheckId": "clear-system-state-and-recovery", "guidanceId": "accessible-error-announcement", "guidanceCategory": "user-experience", "confidence": "high", "summary": "The login flow has no visible or programmatic invalid state.", "evidence": "After empty submission, aria-invalid remains absent, validationMessage is empty, focus does not move, and no alert/live-region text appears.", "suggestedFix": "Synchronize visible validation with aria-invalid and an announced error after the user submits.", "artifacts": [ "evidence/home-login-empty.json" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F11", "severity": "high", "principleId": "be-fast-and-stable", "principleCheckId": "good-core-web-vitals", "guidanceId": "performance", "guidanceCategory": "performance", "confidence": "high", "summary": "Homepage loading performance is poor under Lighthouse mobile conditions.", "evidence": "Lighthouse scored performance 0.44 with LCP 20.3s, TBT 750ms, FCP 3.2s and TTI 20.6s; a separate trace measured LCP 5.10s.", "suggestedFix": "Prioritize the LCP poster, trim initial JavaScript, defer non-critical media, and remeasure on representative mobile conditions.", "artifacts": [ "evidence/home-lighthouse.json", "evidence/home-trace-summary.json" ], "effort": "large", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F12", "severity": "high", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-main-thread", "guidanceId": "break-up-long-tasks", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Initial JavaScript blocks the main thread.", "evidence": "Lighthouse measured 750ms TBT and 800ms max potential input delay; the independent trace recorded a 113ms long task.", "suggestedFix": "Remove unnecessary startup work and split remaining long tasks using scheduler/yielding techniques.", "artifacts": [ "evidence/home-lighthouse.json", "evidence/home-trace-summary.json" ], "effort": "large", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F13", "severity": "high", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-resource-delivery", "guidanceId": "optimize-image-priority", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Critical resources are late, render-blocking, and poorly cached.", "evidence": "HAR/Lighthouse show 4.29MB transferred, 2.03s estimated render-blocking savings, an LCP poster without fetchpriority=high, and 1.51MB cache-lifetime savings.", "suggestedFix": "Prioritize the LCP poster, inline/split critical CSS, defer non-critical assets, and set long immutable cache lifetimes on versioned media.", "artifacts": [ "evidence/home.har", "evidence/home-summary.json", "evidence/home-lighthouse.json" ], "effort": "large", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F14", "severity": "high", "principleId": "be-fast-and-stable", "principleCheckId": "trim-unused-and-duplicate-code", "guidanceId": "identify-heavy-scripts", "guidanceCategory": "user-experience", "confidence": "high", "summary": "The homepage ships a very large mostly-unused application bundle.", "evidence": "HAR records 2.21MB of JavaScript including a 2.07MB _app chunk; Lighthouse estimates 1.50MB unused JavaScript and 24KB unused CSS.", "suggestedFix": "Code-split the shared app bundle by route, remove dead dependencies, and load login/media modules only when needed.", "artifacts": [ "evidence/home-summary.json", "evidence/home-lighthouse.json" ], "effort": "large", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F15", "severity": "medium", "principleId": "be-inclusive", "principleCheckId": "names-roles-labels", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "confidence": "high", "summary": "Accessible names do not match visible mobile navigation labels.", "evidence": "Lighthouse reports serious label-content-name-mismatch failures: visible “Lenses” and “Stories” links use aria-label values LENS_HOME_PAGE and DISCOVER_HOME_PAGE.", "suggestedFix": "Use human-readable accessible names containing the visible label, or remove the overriding aria-label.", "artifacts": [ "evidence/home-lighthouse.json" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F16", "severity": "medium", "principleId": "be-inclusive", "principleCheckId": "structure-and-focus", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "confidence": "high", "summary": "Heading hierarchy and focus treatment are inconsistent.", "evidence": "Lighthouse flags H6 “Discover Snapchat” and H3 “Advertise” heading-order failures; focus probing found multiple controls with outline: none.", "suggestedFix": "Use semantic heading levels in document order and ensure every keyboard target has a visible :focus-visible style.", "artifacts": [ "evidence/home-lighthouse.json", "evidence/home-input-modality.json" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F17", "severity": "medium", "principleId": "be-inclusive", "principleCheckId": "zoom-reflow-targets-and-media", "guidanceId": "fluid-scaling", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Reflow and target sizing fail on key surfaces.", "evidence": "Spotlight has 660px overflow at 360px, and the target probe reports several primary controls below 44px high.", "suggestedFix": "Fix Spotlight reflow, preserve user scaling, and enlarge control hit areas without increasing visual clutter.", "artifacts": [ "evidence/spotlight-mobile-layout.json", "evidence/home-input-modality.json" ], "effort": "medium", "pathId": "spotlight", "url": "https://www.snapchat.com/spotlight" }, { "id": "F18", "severity": "high", "principleId": "follow-best-practices", "principleCheckId": "no-console-errors", "guidanceId": "html", "guidanceCategory": "user-experience", "confidence": "high", "summary": "The homepage logs production exceptions and failed internal-tool requests.", "evidence": "Lighthouse captured repeated React hydration errors 418/422/425 plus CORS/403 failures from growth-web-dev-tool.mesh.sc-corp.net.", "suggestedFix": "Remove the production call to the internal growth tool and fix server/client markup divergence causing hydration errors.", "artifacts": [ "evidence/home-lighthouse.json", "evidence/home-summary.json" ], "effort": "medium", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F19", "severity": "medium", "principleId": "follow-best-practices", "principleCheckId": "sound-document-and-assets", "guidanceId": "html", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Image sizing and document heading structure have avoidable defects.", "evidence": "Lighthouse found the Bitmoji image without explicit width/height; probes found no H1 on Snapchat+ and two H1s on Lenses.", "suggestedFix": "Add intrinsic image dimensions and give each page one clear H1 with a logical hierarchy.", "artifacts": [ "evidence/home-lighthouse.json", "evidence/plus-probe.json", "evidence/lenses-probe.json" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F20", "severity": "low", "principleId": "follow-best-practices", "principleCheckId": "browser-platform-hygiene", "guidanceId": "html", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Large production scripts expose broken source-map references and browser inspector issues.", "evidence": "Lighthouse reports the 2MB app chunk has no usable source map (403), along with cookie and CSP inspector issues.", "suggestedFix": "Publish protected but retrievable production source maps for diagnostics and resolve the browser Issues-panel warnings.", "artifacts": [ "evidence/home-lighthouse.json" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F21", "severity": "high", "principleId": "be-discoverable", "principleCheckId": "structured-and-shareable-metadata", "guidanceId": "html", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Important entity pages omit structured data.", "evidence": "Homepage and Snapchat+ expose Open Graph metadata but zero JSON-LD blocks; Snapchat+ represents a paid product/subscription and has no Product/Offer metadata.", "suggestedFix": "Add accurate Organization/WebSite metadata on the homepage and Product/Offer structured data for Snapchat+ that matches visible terms.", "artifacts": [ "evidence/home-probe.json", "evidence/plus-probe.json" ], "effort": "small", "pathId": "plus", "url": "https://www.snapchat.com/plus" }, { "id": "F22", "severity": "high", "principleId": "be-private-and-secure", "principleCheckId": "secure-transport-and-headers", "guidanceId": "security", "guidanceCategory": "security", "confidence": "high", "summary": "Security policy and cookies are weaker than necessary.", "evidence": "HTTPS/HSTS/CSP are present, but CSP allows unsafe-inline styles; nosniff and Referrer-Policy are absent. All four first-party cookies use SameSite=None, including year-long cookies.", "suggestedFix": "Add nosniff and a strict Referrer-Policy, remove unsafe-inline through nonces/hashes where feasible, and use Lax/Strict cookies unless cross-site use is required.", "artifacts": [ "evidence/headers.json", "evidence/cookies.json" ], "effort": "medium", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F23", "severity": "medium", "principleId": "be-private-and-secure", "principleCheckId": "data-minimisation-and-third-parties", "guidanceId": "privacy", "guidanceCategory": "privacy", "confidence": "high", "summary": "A public homepage contacts an internal growth tool and starts an unnecessary OAuth redirect chain.", "evidence": "HAR shows requests to growth-web-dev-tool.mesh.sc-corp.net that redirect to Google OAuth, fail CORS/403, set third-party cookies, and add network/console noise.", "suggestedFix": "Remove the internal growth-tool integration from production and audit every startup endpoint for necessity and data minimisation.", "artifacts": [ "evidence/home-summary.json", "evidence/home-lighthouse.json", "evidence/trackers.json" ], "effort": "medium", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F24", "severity": "low", "principleId": "be-private-and-secure", "principleCheckId": "in-context-permissions-and-modern-auth", "guidanceId": "passkeys", "guidanceCategory": "passkeys", "confidence": "low", "summary": "The visible sign-in entry offers only identifier-based login and no discoverable passkey option.", "evidence": "The anonymous login screenshot and DOM expose username/email and phone-number paths but no passkey/WebAuthn affordance; no permission prompts fired on load.", "suggestedFix": "Offer discoverable conditional passkey authentication where supported, while retaining account-recovery fallbacks.", "artifacts": [ "evidence/home-desktop.png", "evidence/home-probe.json" ], "effort": "medium", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F25", "severity": "medium", "principleId": "be-private-and-secure", "principleCheckId": "defensive-browser-policies", "guidanceId": "security", "guidanceCategory": "security", "confidence": "high", "summary": "Several browser-enforced defensive policies are missing.", "evidence": "Headers evidence reports no Permissions-Policy or Referrer-Policy and no X-Content-Type-Options; CSP/frame protection and HSTS are present.", "suggestedFix": "Deploy a least-privilege Permissions-Policy, strict referrer policy, nosniff, and evaluate Trusted Types for this script-heavy application.", "artifacts": [ "evidence/headers.json" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F26", "severity": "high", "principleId": "be-resilient", "principleCheckId": "progressive-enhancement", "guidanceId": "html", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Homepage core content is effectively absent without JavaScript.", "evidence": "Discoverability measured only 2% raw/rendered content overlap, no raw H1, and isJsShell: true; the crawler screenshot shows only branding while the rendered page contains login and product content.", "suggestedFix": "Server-render the homepage’s headings, login/form shell, primary links, and essential copy, then hydrate enhancements.", "artifacts": [ "evidence/home-discoverability.json", "evidence/home-discoverability-rendered.png", "evidence/home-discoverability-crawler.png" ], "effort": "large", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F27", "severity": "medium", "principleId": "be-trustworthy", "principleCheckId": "humane-error-handling", "guidanceId": "accessible-error-announcement", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Login validation silently ignores an empty submission.", "evidence": "The identifier is not required and empty submission yields no message, focus, aria-invalid state, or recovery instruction.", "suggestedFix": "Validate after submission, focus the invalid field, and announce a concise correction without blaming the user.", "artifacts": [ "evidence/home-login-empty.json" ], "effort": "small", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F28", "severity": "medium", "principleId": "be-trustworthy", "principleCheckId": "trustworthy-input-assistance", "guidanceId": "autofill-sign-in-form", "guidanceCategory": "user-experience", "confidence": "high", "summary": "The login identifier lacks an autocomplete token.", "evidence": "DOM inspection shows the “Username or email address” input has autocomplete=\"\" and no name, reducing password-manager and autofill support.", "suggestedFix": "Use a stable name and autocomplete=\"username\"; use current-password or webauthn tokens on subsequent authentication fields.", "artifacts": [ "evidence/home-probe.json" ], "effort": "trivial", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F29", "severity": "high", "principleId": "be-trustworthy", "principleCheckId": "safe-commercial-and-account-flows", "guidanceId": "forms", "guidanceCategory": "forms", "confidence": "high", "summary": "Snapchat+ asks users to subscribe without showing price or renewal terms.", "evidence": "Desktop and mobile screenshots show benefits, QR/Subscribe CTA, and no visible price, billing interval, renewal, or cancellation terms before commitment.", "suggestedFix": "Show localized price, billing cadence, renewal/cancellation terms, and confirmation before launching purchase.", "artifacts": [ "evidence/plus-desktop.png", "evidence/plus-mobile.png" ], "effort": "small", "pathId": "plus", "url": "https://www.snapchat.com/plus" }, { "id": "F30", "severity": "high", "principleId": "be-sustainable", "principleCheckId": "optimised-assets", "guidanceId": "deliver-optimized-decorative-images", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Homepage poster images are oversized legacy PNGs.", "evidence": "Lighthouse estimates 1.34MB image savings across four video posters; individual PNGs waste 248–446KB and the Bitmoji image is oversized.", "suggestedFix": "Serve AVIF/WebP responsive posters sized to their rendered cards and include explicit dimensions.", "artifacts": [ "evidence/home-lighthouse.json", "evidence/home-summary.json" ], "effort": "medium", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F31", "severity": "medium", "principleId": "be-sustainable", "principleCheckId": "no-wasteful-work", "guidanceId": "deprioritize-background-fetches", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Startup performs wasteful work unrelated to the user’s task.", "evidence": "The page loads 70 requests and contacts an internal growth endpoint that redirects through Google OAuth and fails; autoplay media and analytics also start immediately.", "suggestedFix": "Delete the internal request, lazy-init analytics/media, and deprioritize non-user-initiated background fetches.", "artifacts": [ "evidence/home-summary.json", "evidence/home-lighthouse.json" ], "effort": "medium", "pathId": "home", "url": "https://www.snapchat.com" }, { "id": "F32", "severity": "high", "principleId": "be-sustainable", "principleCheckId": "third-party-and-media-budget", "guidanceId": "efficient-background-processing", "guidanceCategory": "user-experience", "confidence": "high", "summary": "Media and script cost is disproportionate on the landing page.", "evidence": "HAR records 4.29MB transferred: 2.21MB scripts and 1.44MB images, while four autoplay loop videos are present and Lighthouse scores performance 0.44.", "suggestedFix": "Load only the first visible poster initially, require or defer playback, suspend offscreen loops, and split the shared script bundle.", "artifacts": [ "evidence/home.har", "evidence/home-summary.json", "evidence/home-lighthouse.json" ], "effort": "large", "pathId": "home", "url": "https://www.snapchat.com" } ], "taskList": [ { "id": "T01", "title": "Cut startup JavaScript and media, prioritize LCP, and fix cache/render-blocking delivery.", "priority": 1, "findingIds": [ "F11", "F12", "F13", "F14", "F30", "F32" ], "guidanceId": "performance", "status": "open" }, { "id": "T02", "title": "Server-render the homepage’s essential content and structured metadata before hydration.", "priority": 2, "findingIds": [ "F21", "F26" ], "guidanceId": "html", "status": "open" }, { "id": "T03", "title": "Fix Spotlight mobile reflow and make reusable cards container-responsive.", "priority": 3, "findingIds": [ "F06", "F07", "F17" ], "guidanceId": "css-layout", "status": "open" }, { "id": "T04", "title": "Make login validation actionable, accessible, and autofill-friendly.", "priority": 4, "findingIds": [ "F09", "F10", "F27", "F28" ], "guidanceId": "accessible-error-announcement", "status": "open" }, { "id": "T05", "title": "Remove the production internal growth-tool request and resolve React hydration errors.", "priority": 5, "findingIds": [ "F18", "F23", "F31" ], "guidanceId": "html", "status": "open" }, { "id": "T06", "title": "Strengthen security headers, cookie posture, and browser defensive policies.", "priority": 6, "findingIds": [ "F22", "F25" ], "guidanceId": "security", "status": "open" }, { "id": "T07", "title": "Repair accessible names, headings, focus visibility, and target sizing.", "priority": 7, "findingIds": [ "F08", "F15", "F16", "F19" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T08", "title": "Show Snapchat+ price, renewal, and cancellation terms before subscribe.", "priority": 8, "findingIds": [ "F29" ], "guidanceId": "forms", "status": "open" }, { "id": "T09", "title": "Respect dark mode and reduced-motion preferences.", "priority": 9, "findingIds": [ "F01", "F02" ], "guidanceId": "dark-mode", "status": "open" }, { "id": "T10", "title": "Add lightweight navigation progress and modern route/scroll transitions.", "priority": 10, "findingIds": [ "F03", "F04", "F05" ], "guidanceId": "same-document-transitions", "status": "open" }, { "id": "T11", "title": "Offer a discoverable passkey authentication path where supported.", "priority": 11, "findingIds": [ "F24" ], "guidanceId": "passkeys", "status": "open" }, { "id": "T12", "title": "Publish usable production source maps and clear browser inspector warnings.", "priority": 12, "findingIds": [ "F20" ], "guidanceId": "html", "status": "open" } ], "budget": { "pathCount": 7, "auditPasses": 1 }, "agent": "pi", "runId": "2026-07-19T03-17-27-244Z" }