{ "url": "https://www.clarin.com", "auditedAt": "2026-07-18T10:32:07.505Z", "mode": "report", "status": "completed", "statusDetail": "Coverage-complete representative audit of five public templates/journeys. Not covered: authenticated account internals, completed payment, personalized logged-in states, live search submission, and real offline transport because they require credentials, financial commitment, or broader destructive/environmental controls.", "page": { "appType": "hybrid", "framework": "Next.js", "notes": "Large server-rendered Argentine news MPA/hybrid. Raw HTML contains 91% of rendered content. All sampled pages show a first-load consent wall." }, "evidenceUsed": [ "screenshot", "dom", "layout-metrics", "evaluate-probe", "discoverability", "trace", "har", "headers", "cookies", "trackers", "images", "secrets", "heap-summary", "lighthouse", "robots/sitemap fetch" ], "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/article-metadata.json", "caption": "article metadata evidence", "findingIds": [ "F14" ] }, { "type": "screenshot", "path": "evidence/article.png", "caption": "article evidence", "findingIds": [ "F01" ] }, { "type": "other", "path": "evidence/dark-probe.json", "caption": "dark probe evidence", "condition": "prefers-color-scheme: dark" }, { "type": "heap", "path": "evidence/heap-baseline.json", "caption": "heap baseline evidence", "findingIds": [ "F23" ] }, { "type": "heap", "path": "evidence/heap-post-scroll.json", "caption": "heap post scroll evidence" }, { "type": "other", "path": "evidence/home-cookies.json", "caption": "home cookies evidence", "findingIds": [ "F18" ] }, { "type": "screenshot", "path": "evidence/home-dark.png", "caption": "home dark evidence", "condition": "prefers-color-scheme: dark" }, { "type": "screenshot", "path": "evidence/home-desktop.png", "caption": "home desktop evidence", "findingIds": [ "F01", "F06" ] }, { "type": "screenshot", "path": "evidence/home-discoverability-crawler.png", "caption": "home discoverability crawler evidence" }, { "type": "screenshot", "path": "evidence/home-discoverability-rendered.png", "caption": "home discoverability rendered evidence" }, { "type": "discoverability", "path": "evidence/home-discoverability.json", "caption": "home discoverability evidence" }, { "type": "dom", "path": "evidence/home-dom.json", "caption": "home dom evidence", "findingIds": [ "F03", "F04", "F05", "F07" ] }, { "type": "other", "path": "evidence/home-headers.json", "caption": "home headers evidence", "findingIds": [ "F18" ] }, { "type": "screenshot", "path": "evidence/home-high-contrast.png", "caption": "home high contrast evidence", "condition": "prefers-contrast: more", "findingIds": [ "F02" ] }, { "type": "other", "path": "evidence/home-images.json", "caption": "home images evidence", "findingIds": [ "F16" ] }, { "type": "layout", "path": "evidence/home-layout.json", "caption": "home layout evidence", "findingIds": [ "F04", "F10" ] }, { "type": "screenshot", "path": "evidence/home-light.png", "caption": "home light evidence", "condition": "prefers-color-scheme: light" }, { "type": "layout", "path": "evidence/home-mobile-layout.json", "caption": "home mobile layout evidence", "condition": "viewport: 360x800" }, { "type": "screenshot", "path": "evidence/home-mobile.png", "caption": "home mobile evidence", "condition": "viewport: 360x800", "findingIds": [ "F01", "F08" ] }, { "type": "other", "path": "evidence/home-probe.json", "caption": "home probe evidence", "findingIds": [ "F05", "F08", "F13", "F14", "F23" ] }, { "type": "other", "path": "evidence/home-recon.json", "caption": "home recon evidence", "findingIds": [ "F14" ] }, { "type": "other", "path": "evidence/home-reduced-motion.json", "caption": "home reduced motion evidence", "condition": "prefers-reduced-motion: reduce", "findingIds": [ "F03" ] }, { "type": "other", "path": "evidence/home-secrets.json", "caption": "home secrets evidence" }, { "type": "har-summary", "path": "evidence/home-summary.json", "caption": "home summary evidence", "findingIds": [ "F06", "F11", "F12", "F16", "F19", "F22" ] }, { "type": "trace-summary", "path": "evidence/home-trace-summary.json", "caption": "home trace summary evidence", "findingIds": [ "F09", "F10", "F11" ] }, { "type": "trace", "path": "evidence/home-trace.json", "caption": "home trace evidence", "findingIds": [ "F09" ] }, { "type": "other", "path": "evidence/home-trackers.json", "caption": "home trackers evidence", "findingIds": [ "F19", "F22" ] }, { "type": "har", "path": "evidence/home.har", "caption": "home evidence", "findingIds": [ "F11" ] }, { "type": "other", "path": "evidence/light-probe.json", "caption": "light probe evidence", "condition": "prefers-color-scheme: light" }, { "type": "lighthouse", "path": "evidence/lighthouse-summary.json", "caption": "lighthouse summary evidence", "condition": "prefers-color-scheme: light", "findingIds": [ "F02", "F09", "F10", "F12", "F13", "F15", "F17", "F22" ] }, { "type": "lighthouse", "path": "evidence/lighthouse.json", "caption": "lighthouse evidence", "condition": "prefers-color-scheme: light" }, { "type": "other", "path": "evidence/not-found-probe.json", "caption": "not found probe evidence" }, { "type": "screenshot", "path": "evidence/not-found.png", "caption": "not found evidence" }, { "type": "other", "path": "evidence/robots-sitemap.txt", "caption": "robots sitemap evidence" }, { "type": "other", "path": "evidence/script-delivery-probe.json", "caption": "script delivery probe evidence", "findingIds": [ "F11" ] }, { "type": "screenshot", "path": "evidence/section-politica.png", "caption": "section politica evidence", "findingIds": [ "F01" ] }, { "type": "other", "path": "evidence/subscription-invalid.json", "caption": "subscription invalid evidence", "findingIds": [ "F20" ] }, { "type": "other", "path": "evidence/subscription-probe.json", "caption": "subscription probe evidence", "findingIds": [ "F19", "F21" ] }, { "type": "screenshot", "path": "evidence/subscription.png", "caption": "subscription evidence", "findingIds": [ "F01" ] } ], "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": "pass", "confidence": "high", "method": "Computed-style probes under explicit prefers-color-scheme conditions.", "evidence": "Under explicit light and dark emulation the body changes from transparent/light to rgb(33,33,33); the site also exposes a day/night mode.", "pathIds": [ "home" ], "artifacts": [ "evidence/dark-probe.json", "evidence/light-probe.json", "evidence/home-dark.png", "evidence/home-light.png" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-reduced-motion", "status": "pass", "confidence": "high", "method": "Emulated media evaluate probe.", "evidence": "With prefers-reduced-motion: reduce, the probe found no active animations or autoplay media.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-reduced-motion.json" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-contrast", "status": "issues", "confidence": "high", "method": "Lighthouse contrast audit plus prefers-contrast screenshot.", "evidence": "Lighthouse found three contrast failures, including 1.82:1 in the consent control; no high-contrast adaptation was visible.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-high-contrast.png" ], "findingIds": [ "F02" ] }, { "principleId": "implement-natural-interactions", "checkId": "view-transitions", "status": "issues", "confidence": "medium", "method": "Route/template screenshots and rendered DOM review.", "evidence": "Representative MPA route changes showed no observed transition animation.", "pathIds": [ "home", "article" ], "artifacts": [ "evidence/home-dom.json", "evidence/article.png" ], "findingIds": [ "F03" ] }, { "principleId": "implement-natural-interactions", "checkId": "scroll-driven-animations", "status": "pass", "confidence": "high", "method": "Visual inspection and animation/long-page probes.", "evidence": "No scroll-linked visual effect was present on sampled templates, so no main-thread scroll-animation anti-pattern affected the experience.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-layout.json", "evidence/home-reduced-motion.json" ] }, { "principleId": "implement-natural-interactions", "checkId": "physical-gestures", "status": "pass", "confidence": "medium", "method": "DOM and visual inspection across homepage and subscription surfaces.", "evidence": "Primary interactions use native links, scrolling, checkboxes and buttons; no gesture surface that fights platform scrolling was observed.", "pathIds": [ "home", "subscription" ], "artifacts": [ "evidence/home-dom.json", "evidence/subscription-probe.json" ] }, { "principleId": "provide-guided-navigation", "checkId": "scroll-state-aware-chrome", "status": "issues", "confidence": "high", "method": "Computed header style and layout metrics.", "evidence": "The primary header is position:static on a 17,149px feed and no progress/state cue was observed.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-dom.json", "evidence/home-layout.json" ], "findingIds": [ "F04" ] }, { "principleId": "provide-guided-navigation", "checkId": "anchored-positioning", "status": "pass", "confidence": "medium", "method": "Overlay DOM and screenshots at desktop/mobile viewport edges.", "evidence": "The sampled overlays are centered modal surfaces rather than edge-attached tooltips/popovers; no drifting anchored UI was observed.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-dom.json", "evidence/home-mobile.png" ] }, { "principleId": "provide-guided-navigation", "checkId": "directs-attention", "status": "pass", "confidence": "high", "method": "Visual review of section/article and error recovery templates.", "evidence": "Section labels, story hierarchy and the 404 recovery page visibly direct users to relevant next destinations.", "pathIds": [ "section", "article", "not-found" ], "artifacts": [ "evidence/section-politica.png", "evidence/article.png", "evidence/not-found.png" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "no-intrusive-interruptions", "status": "issues", "confidence": "high", "method": "First-load screenshots across all representative templates.", "evidence": "A blocking consent modal obscures every sampled primary page on first load.", "pathIds": [ "home", "section", "article", "subscription" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/section-politica.png", "evidence/article.png", "evidence/subscription.png" ], "findingIds": [ "F01" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "semantic-dismissible-primitives", "status": "issues", "confidence": "high", "method": "DOM primitive and semantic element probe.", "evidence": "Probe found four role=dialog containers, one dialog and no popovers; visible consent UI is custom modal chrome.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-dom.json", "evidence/home-probe.json" ], "findingIds": [ "F05" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "reduced-chrome", "status": "issues", "confidence": "high", "method": "Desktop screenshot and network/layout review.", "evidence": "Multiple stacked promo/navigation bands plus the blocking CMP dominate the first viewport.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-summary.json" ], "findingIds": [ "F06" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "responsive-no-horizontal-scroll", "status": "pass", "confidence": "high", "method": "Mobile layout primitive and screenshot.", "evidence": "At 360x800, scrollWidth equals clientWidth (360px), horizontal overflow is 0 and viewport meta is present.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-mobile-layout.json", "evidence/home-mobile.png" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "component-level-responsiveness", "status": "issues", "confidence": "medium", "method": "Computed-style DOM inspection at sampled core containers.", "evidence": "Sampled core containers report container-type:normal; no component-level container adaptation was evidenced.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-dom.json" ], "findingIds": [ "F07" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "input-modality-aware", "status": "issues", "confidence": "high", "method": "Programmatic focus and target-size probe.", "evidence": "Focused menu control has no outline/box-shadow and 110 rendered targets are under 24px in one dimension.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/home-mobile.png" ], "findingIds": [ "F08" ] }, { "principleId": "support-core-task-success", "checkId": "clear-purpose-and-primary-action", "status": "issues", "confidence": "high", "method": "First-viewport task review across templates.", "evidence": "The editorial purpose is clear behind the page, but a first-load consent wall hides it on all core paths.", "pathIds": [ "home", "article", "section" ], "artifacts": [ "evidence/home-desktop.png", "evidence/article.png", "evidence/section-politica.png" ], "findingIds": [ "F01" ] }, { "principleId": "support-core-task-success", "checkId": "primary-flow-completion", "status": "pass", "confidence": "medium", "method": "Representative navigation and subscription walkthrough.", "evidence": "Homepage links lead to a readable article and section; subscription offers expose prices and subscribe actions without a dead end in the sampled pre-purchase flow.", "pathIds": [ "home", "article", "subscription" ], "artifacts": [ "evidence/home-recon.json", "evidence/article.png", "evidence/subscription.png" ] }, { "principleId": "support-core-task-success", "checkId": "clear-system-state-and-recovery", "status": "pass", "confidence": "high", "method": "Deliberate missing-route probe and screenshot.", "evidence": "The missing route explains that content is unavailable and offers portada, latest-news, dollar, games and horoscope recovery links.", "pathIds": [ "not-found" ], "artifacts": [ "evidence/not-found-probe.json", "evidence/not-found.png" ] }, { "principleId": "be-fast-and-stable", "checkId": "good-core-web-vitals", "status": "issues", "confidence": "high", "method": "Lighthouse and CDP trace summary.", "evidence": "Lighthouse: LCP 7.0s, TBT 2,110ms, performance 28; independent trace LCP 8.79s.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-trace-summary.json" ], "findingIds": [ "F09" ] }, { "principleId": "be-fast-and-stable", "checkId": "visual-stability", "status": "pass", "confidence": "high", "method": "Lighthouse and layout-shift observers.", "evidence": "Measured CLS is 0.078 in Lighthouse, 0.082 mobile and 0.013 desktop, all below the 0.1 good threshold.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-mobile-layout.json", "evidence/home-layout.json" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-main-thread", "status": "issues", "confidence": "high", "method": "Lighthouse, trace and long-task observer.", "evidence": "Lighthouse TBT is 2,110ms; trace records five long tasks up to 118ms.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-trace-summary.json", "evidence/home-layout.json" ], "findingIds": [ "F10" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-resource-delivery", "status": "issues", "confidence": "high", "method": "HAR summary confirmed against live script attributes.", "evidence": "557 requests transfer 13.44MB and a parser-inserted zonda script is neither async nor defer.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/script-delivery-probe.json", "evidence/home-trace-summary.json" ], "findingIds": [ "F11" ] }, { "principleId": "be-fast-and-stable", "checkId": "trim-unused-and-duplicate-code", "status": "issues", "confidence": "high", "method": "Lighthouse code-coverage diagnostics.", "evidence": "Lighthouse estimates 1,674KiB unused JS and 61KiB unused CSS.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-summary.json" ], "findingIds": [ "F12" ] }, { "principleId": "be-inclusive", "checkId": "names-roles-labels", "status": "issues", "confidence": "high", "method": "Lighthouse accessibility audits and DOM probe.", "evidence": "Lighthouse fails link-name; probe finds eight unlabelled controls and 70 empty unnamed links.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-probe.json" ], "findingIds": [ "F13" ] }, { "principleId": "be-inclusive", "checkId": "sufficient-contrast", "status": "issues", "confidence": "high", "method": "Lighthouse color-contrast audit.", "evidence": "Lighthouse finds three insufficient-contrast nodes, including a 1.82:1 consent label.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-summary.json" ], "findingIds": [ "F02" ] }, { "principleId": "be-inclusive", "checkId": "structure-and-focus", "status": "issues", "confidence": "high", "method": "Landmark/heading/focus DOM probes.", "evidence": "No main landmark exists; consent markup adds multiple H1s; keyboard focus is visually absent on the menu control.", "pathIds": [ "home", "article" ], "artifacts": [ "evidence/home-probe.json", "evidence/home-recon.json", "evidence/article-metadata.json" ], "findingIds": [ "F14", "F08" ] }, { "principleId": "be-inclusive", "checkId": "legible-text", "status": "pass", "confidence": "medium", "method": "Visual screenshot review.", "evidence": "Article headline, deck and listing copy render at readable sizes with clear typographic hierarchy in sampled desktop/mobile screenshots.", "pathIds": [ "home", "article", "section" ], "artifacts": [ "evidence/article.png", "evidence/section-politica.png", "evidence/home-mobile.png" ] }, { "principleId": "be-inclusive", "checkId": "zoom-reflow-targets-and-media", "status": "issues", "confidence": "high", "method": "Viewport/mobile layout and target-size probe.", "evidence": "Viewport permits user scaling and mobile reflow has no overflow, but 110 interactive targets are below 24px in one dimension.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-mobile-layout.json", "evidence/home-probe.json" ], "findingIds": [ "F08" ] }, { "principleId": "follow-best-practices", "checkId": "no-console-errors", "status": "issues", "confidence": "high", "method": "Lighthouse console-error audit.", "evidence": "Lighthouse records seven console/network errors including CORS, FedCM and JW Player failures.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-summary.json" ], "findingIds": [ "F15" ] }, { "principleId": "follow-best-practices", "checkId": "sound-document-and-assets", "status": "issues", "confidence": "high", "method": "DOM metadata, image primitive and Lighthouse.", "evidence": "Doctype and UTF-8 are valid, but image audit finds 9 missing dimensions and broad sizing/format inefficiency.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/home-images.json" ], "findingIds": [ "F16" ] }, { "principleId": "follow-best-practices", "checkId": "browser-platform-hygiene", "status": "issues", "confidence": "high", "method": "Lighthouse best-practices diagnostics.", "evidence": "Lighthouse detects notification permission requested on load and a BFCache failure.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-summary.json" ], "findingIds": [ "F17" ] }, { "principleId": "be-discoverable", "checkId": "title-and-description", "status": "pass", "confidence": "high", "method": "Rendered metadata probes.", "evidence": "Homepage and article have unique descriptive titles and meta descriptions.", "pathIds": [ "home", "article" ], "artifacts": [ "evidence/home-recon.json", "evidence/article-metadata.json" ] }, { "principleId": "be-discoverable", "checkId": "crawlable-and-mobile-friendly", "status": "pass", "confidence": "high", "method": "DOM, robots and discoverability probes.", "evidence": "All 1,038 sampled anchors have hrefs, viewport metadata is present, robots permits indexing and raw content is available.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/robots-sitemap.txt", "evidence/home-discoverability.json" ] }, { "principleId": "be-discoverable", "checkId": "canonical-and-indexing-signals", "status": "pass", "confidence": "high", "method": "Metadata and robots/sitemap inspection.", "evidence": "Homepage and article expose matching canonicals; robots says all/max-image-preview and sitemap/robots endpoints respond with indexing directives.", "pathIds": [ "home", "article" ], "artifacts": [ "evidence/home-recon.json", "evidence/article-metadata.json", "evidence/robots-sitemap.txt" ] }, { "principleId": "be-discoverable", "checkId": "structured-and-shareable-metadata", "status": "pass", "confidence": "high", "method": "Structured/social metadata probes.", "evidence": "Homepage has six JSON-LD blocks and seven Open Graph tags; article has five JSON-LD blocks and complete article OG title/description/image/url metadata.", "pathIds": [ "home", "article" ], "artifacts": [ "evidence/home-probe.json", "evidence/article-metadata.json" ] }, { "principleId": "be-private-and-secure", "checkId": "secure-transport-and-headers", "status": "issues", "confidence": "high", "method": "Headers and cookies primitives.", "evidence": "HTTPS is used, but all six inspected security header families are absent and many cookies lack Secure.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-headers.json", "evidence/home-cookies.json" ], "findingIds": [ "F18" ] }, { "principleId": "be-private-and-secure", "checkId": "data-minimisation-and-third-parties", "status": "issues", "confidence": "high", "method": "Tracker and HAR summaries plus consent vendor list.", "evidence": "63 third-party origins, 16 known trackers, 355 third-party requests and 6.61MB third-party transfer occur on first load.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-trackers.json", "evidence/home-summary.json", "evidence/subscription-probe.json" ], "findingIds": [ "F19" ] }, { "principleId": "be-private-and-secure", "checkId": "in-context-permissions-and-modern-auth", "status": "issues", "confidence": "high", "method": "Lighthouse permission audit and public-flow review.", "evidence": "Lighthouse detected a notification prompt on load, which is not contextual; account entry exists but modern auth could not be verified before sign-in.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-recon.json" ], "findingIds": [ "F17" ] }, { "principleId": "be-private-and-secure", "checkId": "defensive-browser-policies", "status": "issues", "confidence": "high", "method": "Main-document security header primitive.", "evidence": "HSTS, clickjacking protection, CSP, Referrer-Policy and Permissions-Policy are all absent.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-headers.json" ], "findingIds": [ "F18" ] }, { "principleId": "be-resilient", "checkId": "progressive-enhancement", "status": "pass", "confidence": "high", "method": "No-JS discoverability comparison.", "evidence": "Raw HTML contains 91% of rendered content words, including title/H1/description; crawler view is substantive, not a JS shell.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/home-discoverability-crawler.png", "evidence/home-discoverability-rendered.png" ] }, { "principleId": "be-resilient", "checkId": "resilient-runtime-behaviour", "status": "pass", "confidence": "medium", "method": "Responsive overlay screenshots and error-state probe.", "evidence": "Sampled centered overlays remain within desktop/mobile viewports and missing-route navigation remains usable.", "pathIds": [ "home", "not-found" ], "artifacts": [ "evidence/home-mobile.png", "evidence/home-desktop.png", "evidence/not-found-probe.json" ] }, { "principleId": "be-resilient", "checkId": "offline-and-installable", "status": "not-applicable", "confidence": "high", "method": "Contextual applicability judgement from recon; service-worker capability exists but no manifest URL was exposed.", "evidence": "Clarín is primarily a public news/content MPA rather than an installed app; offline installability was not treated as a required core task.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json" ], "reason": "Offline/installable behavior is contextual and not required for this representative public-news reading scope." }, { "principleId": "be-resilient", "checkId": "network-and-http-failure-states", "status": "pass", "confidence": "high", "method": "Deliberate missing-route screenshot and DOM probe.", "evidence": "A missing URL renders a complete, explanatory recovery page with multiple useful destinations instead of a blank shell.", "pathIds": [ "not-found" ], "artifacts": [ "evidence/not-found.png", "evidence/not-found-probe.json" ] }, { "principleId": "be-internationalised", "checkId": "lang-dir-and-logical-properties", "status": "pass", "confidence": "high", "method": "DOM and metadata probes.", "evidence": "The document declares lang=es and Spanish reading order is correct on all sampled templates.", "pathIds": [ "home", "article" ], "artifacts": [ "evidence/home-probe.json", "evidence/article-metadata.json" ] }, { "principleId": "be-internationalised", "checkId": "locale-aware-data", "status": "pass", "confidence": "medium", "method": "Visual and form-content inspection.", "evidence": "Visible dates and Argentine subscription prices are formatted in Spanish/Argentine conventions, e.g. “sábado, 18 de julio de 2026” and $1.978.", "pathIds": [ "home", "subscription" ], "artifacts": [ "evidence/home-desktop.png", "evidence/subscription.png" ] }, { "principleId": "be-internationalised", "checkId": "time-zone-correctness", "status": "not-applicable", "confidence": "high", "method": "Contextual route and content inspection.", "evidence": "The sampled public pages expose publication/calendar text but no user-scheduled or cross-time-zone transaction to validate.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-recon.json" ], "reason": "No representative time-zone-sensitive user flow exists in the sampled public news and subscription surfaces." }, { "principleId": "be-trustworthy", "checkId": "no-dark-patterns", "status": "pass", "confidence": "medium", "method": "Consent and subscription screenshots.", "evidence": "The CMP is intrusive, but accept and reject are both explicit, similarly styled actions; subscription cards disclose introductory and later monthly prices plus cancellation copy.", "pathIds": [ "home", "subscription" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/subscription.png" ] }, { "principleId": "be-trustworthy", "checkId": "humane-error-handling", "status": "issues", "confidence": "high", "method": "Programmatic empty-form validity probe.", "evidence": "Required-field messages are English on a Spanish page and invalid controls lack aria-invalid/aria-describedby.", "pathIds": [ "subscription" ], "artifacts": [ "evidence/subscription-invalid.json" ], "findingIds": [ "F20" ] }, { "principleId": "be-trustworthy", "checkId": "trustworthy-input-assistance", "status": "issues", "confidence": "high", "method": "Subscription form DOM probe.", "evidence": "Personal-data fields in the subscription form omit autocomplete tokens.", "pathIds": [ "subscription" ], "artifacts": [ "evidence/subscription-probe.json" ], "findingIds": [ "F21" ] }, { "principleId": "be-trustworthy", "checkId": "safe-commercial-and-account-flows", "status": "pass", "confidence": "medium", "method": "Commercial-flow screenshot and form probe.", "evidence": "Subscription offers show promotional and subsequent monthly prices, “Cancelá cuando quieras. Sin cargos”, login and telephone options before commitment.", "pathIds": [ "subscription" ], "artifacts": [ "evidence/subscription.png", "evidence/subscription-probe.json" ] }, { "principleId": "be-sustainable", "checkId": "optimised-assets", "status": "issues", "confidence": "high", "method": "Image primitive and HAR.", "evidence": "Image audit reports 91 non-lazy below-fold, 79 without srcset, 94 legacy-format and 37 oversized images.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-images.json", "evidence/home-summary.json" ], "findingIds": [ "F16" ] }, { "principleId": "be-sustainable", "checkId": "no-wasteful-work", "status": "issues", "confidence": "high", "method": "HAR and Lighthouse runtime diagnostics.", "evidence": "First load performs 557 requests including 163 XHR/fetch and remains interactive only after 74.6s.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/lighthouse-summary.json" ], "findingIds": [ "F22" ] }, { "principleId": "be-sustainable", "checkId": "third-party-and-media-budget", "status": "issues", "confidence": "high", "method": "HAR and tracker summaries.", "evidence": "Third parties account for 355 requests and 6.61MB; player imagery and scripts are among the top byte offenders.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/home-trackers.json" ], "findingIds": [ "F19", "F11" ] }, { "principleId": "be-agent-ready", "checkId": "structured-agent-capabilities", "status": "not-applicable", "confidence": "high", "method": "Discoverability and capability probe.", "evidence": "The public news site exposes crawlable SSR content but no declared agent transaction/tool surface requiring WebMCP.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/home-probe.json" ], "reason": "Emerging structured agent capabilities were judged out of scope for a read-only public news surface." }, { "principleId": "be-agent-ready", "checkId": "on-device-inference", "status": "not-applicable", "confidence": "high", "method": "Route and capability inspection.", "evidence": "No user-facing on-device summarization or language-model feature is part of the sampled core news/subscription journeys.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/home-recon.json" ], "reason": "On-device inference is contextual and no such product intent or surface was observed." }, { "principleId": "be-memory-efficient", "checkId": "no-leak-under-repeated-interaction", "status": "pass", "confidence": "medium", "method": "Baseline and repeated-interaction heap-summary comparison.", "evidence": "After ten full-feed bottom/top cycles, heap self-size changed only +6,997 bytes and entry count +1,395 between comparable isolated captures; major object/closure populations did not grow.", "pathIds": [ "home" ], "artifacts": [ "evidence/heap-baseline.json", "evidence/heap-post-scroll.json" ] }, { "principleId": "be-memory-efficient", "checkId": "bounded-footprint", "status": "issues", "confidence": "high", "method": "Heap summary and rendered-DOM size probe.", "evidence": "Baseline heap summary is 144,877,541 self-size bytes across 2,452,687 entries, disproportionate for a news listing.", "pathIds": [ "home" ], "artifacts": [ "evidence/heap-baseline.json", "evidence/home-probe.json" ], "findingIds": [ "F23" ] }, { "principleId": "be-memory-efficient", "checkId": "no-detached-dom-or-unbounded-listeners", "status": "pass", "confidence": "medium", "method": "Before/after heap constructor/type summaries.", "evidence": "No Detached* constructor appears among summarized dominant constructors, and closures decline from 166,932 to 165,782 after repeated scrolling.", "pathIds": [ "home" ], "artifacts": [ "evidence/heap-baseline.json", "evidence/heap-post-scroll.json" ] } ], "principleOutcomes": [ { "principleId": "respect-user-preferences", "expectation": "default", "status": "issues", "findingIds": [ "F02" ] }, { "principleId": "implement-natural-interactions", "expectation": "default", "status": "issues", "findingIds": [ "F03" ] }, { "principleId": "provide-guided-navigation", "expectation": "default", "status": "issues", "findingIds": [ "F04" ] }, { "principleId": "maximize-content-reduce-noise", "expectation": "default", "status": "issues", "findingIds": [ "F01", "F05", "F06" ] }, { "principleId": "adapt-to-the-form-factor", "expectation": "default", "status": "issues", "findingIds": [ "F07", "F08" ] }, { "principleId": "support-core-task-success", "expectation": "default", "status": "issues", "findingIds": [ "F01" ] }, { "principleId": "be-fast-and-stable", "expectation": "default", "status": "issues", "findingIds": [ "F09", "F10", "F11", "F12" ] }, { "principleId": "be-inclusive", "expectation": "default", "status": "issues", "findingIds": [ "F13", "F02", "F14", "F08" ] }, { "principleId": "follow-best-practices", "expectation": "default", "status": "issues", "findingIds": [ "F15", "F16", "F17" ] }, { "principleId": "be-discoverable", "expectation": "default", "status": "pass" }, { "principleId": "be-private-and-secure", "expectation": "default", "status": "issues", "findingIds": [ "F18", "F19", "F17" ] }, { "principleId": "be-resilient", "expectation": "contextual", "status": "pass" }, { "principleId": "be-internationalised", "expectation": "contextual", "status": "pass" }, { "principleId": "be-trustworthy", "expectation": "default", "status": "issues", "findingIds": [ "F20", "F21" ] }, { "principleId": "be-sustainable", "expectation": "contextual", "status": "issues", "findingIds": [ "F16", "F22", "F19", "F11" ] }, { "principleId": "be-agent-ready", "expectation": "contextual", "status": "not-applicable", "reason": "Emerging structured agent capabilities were judged out of scope for a read-only public news surface. On-device inference is contextual and no such product intent or surface was observed." }, { "principleId": "be-memory-efficient", "expectation": "default", "status": "issues", "findingIds": [ "F23" ] } ], "paths": [ { "id": "home", "description": "Homepage and news-feed template; entry point, navigation, consent, performance and responsive behavior.", "url": "https://www.clarin.com/", "conditions": [ "desktop 1440x1000", "mobile 360x800", "prefers-color-scheme light/dark", "prefers-reduced-motion reduce", "prefers-contrast more", "keyboard focus" ], "result": "issues" }, { "id": "section", "description": "Politics section listing; representative section/index template.", "url": "https://www.clarin.com/politica", "conditions": [ "desktop 1440x1000" ], "result": "issues" }, { "id": "article", "description": "Current politics article; representative article/detail and reading journey.", "url": "https://www.clarin.com/politica/confirman-regresara-pais-seleccion-argentina-final-mundial-gobierno-analiza-dar-asueto_0_BjDk1chaau.html", "conditions": [ "desktop 1440x1000" ], "result": "issues" }, { "id": "subscription", "description": "Subscription offer and contact form; representative commercial/form journey.", "url": "https://www.clarin.com/suscripciones/suscribite.html", "conditions": [ "desktop 1440x1000", "empty required fields" ], "result": "issues" }, { "id": "not-found", "description": "Deliberately missing route; representative HTTP/error recovery state.", "url": "https://www.clarin.com/__web_uplift_missing_page__", "conditions": [ "desktop 1440x1000" ], "result": "pass" } ], "findings": [ { "id": "F01", "severity": "high", "confidence": "high", "summary": "A consent wall obscures every sampled content and commercial page on first load.", "evidence": "Desktop and mobile screenshots show an opaque modal and dimmed page covering the primary news, article, section and subscription content before interaction.", "suggestedFix": "Replace the blocking first-load wall with the least intrusive consent surface permitted, preserve an equally prominent reject action, and defer non-essential vendors until a choice is made.", "effort": "large", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "maximize-content-reduce-noise", "principleCheckId": "no-intrusive-interruptions", "guidanceId": "light-dismiss-a-dialog", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-desktop.png", "evidence/home-mobile.png", "evidence/article.png", "evidence/section-politica.png", "evidence/subscription.png" ] }, { "id": "F02", "severity": "medium", "confidence": "high", "summary": "Some text and controls fail minimum contrast, including inside the consent UI.", "evidence": "Lighthouse accessibility reports three contrast failures; “Más información” is measured at 1.82:1 where 4.5:1 is required. The prefers-contrast screenshot shows no compensating treatment.", "suggestedFix": "Use semantic color tokens with WCAG-compliant contrast and add forced-colors/prefers-contrast adaptations for essential controls.", "effort": "small", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "respect-user-preferences", "principleCheckId": "respects-contrast", "guidanceId": "accessibility", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-high-contrast.png" ] }, { "id": "F03", "severity": "low", "confidence": "medium", "summary": "Full-page route changes do not expose a view-transition treatment.", "evidence": "The sampled site is a Next.js MPA/hybrid; route screenshots and DOM evidence show conventional abrupt document swaps and no observed transition animation.", "suggestedFix": "Add same-origin cross-document View Transitions with a reduced-motion-safe fallback for section/article navigation.", "effort": "medium", "pathId": "article", "url": "https://www.clarin.com/politica/confirman-regresara-pais-seleccion-argentina-final-mundial-gobierno-analiza-dar-asueto_0_BjDk1chaau.html", "principleId": "implement-natural-interactions", "principleCheckId": "view-transitions", "guidanceId": "cross-document-transitions", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-dom.json", "evidence/home-reduced-motion.json" ] }, { "id": "F04", "severity": "low", "confidence": "high", "summary": "The primary header is static rather than scroll-state aware.", "evidence": "DOM computed evidence reports header position: static on a feed over 17,000 CSS px tall; no scroll progress or shrinking state was observed.", "suggestedFix": "Use sticky chrome sparingly and expose scroll state/progress with CSS scroll-state queries or a lightweight progress indicator.", "effort": "medium", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "provide-guided-navigation", "principleCheckId": "scroll-state-aware-chrome", "guidanceId": "shrinking-header-on-scroll", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-dom.json", "evidence/home-layout.json" ] }, { "id": "F05", "severity": "low", "confidence": "high", "summary": "Modal UI relies predominantly on custom role=dialog containers.", "evidence": "The DOM probe found four [role=dialog] elements but only one dialog element and no popover elements; the visible CMP is a custom modal surface.", "suggestedFix": "Prefer native dialog/popover primitives with platform focus management and light-dismiss semantics where the interaction allows.", "effort": "medium", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "maximize-content-reduce-noise", "principleCheckId": "semantic-dismissible-primitives", "guidanceId": "declarative-dialog-popover-control", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-probe.json", "evidence/home-dom.json" ] }, { "id": "F06", "severity": "medium", "confidence": "high", "summary": "The first viewport is crowded with promos, live-topic bars and ad/consent chrome.", "evidence": "The desktop screenshot shows multiple stacked navigation/promo strips before story content, then a full blocking CMP; the page loads 557 resources around a content feed.", "suggestedFix": "Consolidate header bands, reserve the first viewport for editorial hierarchy, and load secondary promotional chrome after core content.", "effort": "medium", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "maximize-content-reduce-noise", "principleCheckId": "reduced-chrome", "guidanceId": "reduce visual clutter maximize content", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-desktop.png", "evidence/home-summary.json" ] }, { "id": "F07", "severity": "low", "confidence": "medium", "summary": "Core sampled containers do not expose component-level responsiveness.", "evidence": "DOM computed styles report container-type: normal for the sampled header and other primary structures; adaptation appears viewport-driven.", "suggestedFix": "Adopt container queries for reusable story cards and navigation modules that appear at multiple widths.", "effort": "medium", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "adapt-to-the-form-factor", "principleCheckId": "component-level-responsiveness", "guidanceId": "size-aware-styling", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-dom.json" ] }, { "id": "F08", "severity": "high", "confidence": "high", "summary": "Keyboard focus and touch-target support are incomplete.", "evidence": "The focused side-menu checkbox has outline:none and no box shadow; the probe counts 110 rendered interactive targets below 24 px in at least one dimension.", "suggestedFix": "Provide a strong :focus-visible treatment and enlarge interactive hit areas to at least 24x24 CSS px, preferably 44x44 for primary controls.", "effort": "medium", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "adapt-to-the-form-factor", "principleCheckId": "input-modality-aware", "guidanceId": "accessibility", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-probe.json", "evidence/home-mobile.png" ] }, { "id": "F09", "severity": "high", "confidence": "high", "summary": "Cold-load performance is poor.", "evidence": "Lighthouse performance is 28 with FCP 5.2s, LCP 7.0s, TBT 2,110ms, Speed Index 22.8s and interactive at 74.6s; the independent trace measured LCP 8.79s.", "suggestedFix": "Prioritize the LCP resource, reduce initial JavaScript and third parties, and schedule non-critical work after the core news content is usable.", "effort": "large", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-fast-and-stable", "principleCheckId": "good-core-web-vitals", "guidanceId": "performance", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-trace-summary.json", "evidence/home-trace.json" ] }, { "id": "F10", "severity": "high", "confidence": "high", "summary": "Heavy scripting blocks the main thread.", "evidence": "Lighthouse measured 2,110ms TBT. The trace recorded five long tasks, up to 118ms, while the layout observer saw repeated long tasks.", "suggestedFix": "Break up long tasks, defer ad/player initialization, and conditionally load scripts only when their surface approaches the viewport.", "effort": "large", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-main-thread", "guidanceId": "break-up-long-tasks", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-trace-summary.json", "evidence/home-layout.json" ] }, { "id": "F11", "severity": "high", "confidence": "high", "summary": "The homepage network dependency graph is extremely large.", "evidence": "HAR records 557 requests and 13.44MB transferred. A parser-inserted zonda script in the head is neither async nor defer; the trace LCP is 8.79s.", "suggestedFix": "Remove parser-blocking scripts from the critical path, conditionally load media/ad stacks, and apply useful caching and priority hints only to true critical resources.", "effort": "large", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-resource-delivery", "guidanceId": "optimize-script-priority", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home.har", "evidence/home-summary.json", "evidence/script-delivery-probe.json", "evidence/home-trace-summary.json" ] }, { "id": "F12", "severity": "high", "confidence": "high", "summary": "The page ships substantial unused JavaScript and CSS.", "evidence": "Lighthouse estimates 1,674KiB unused JavaScript and 61KiB unused CSS; the 1.16MB Next.js app chunk alone wastes about 262KB.", "suggestedFix": "Split bundles by route and feature, remove duplicated analytics tags, and load player/ad/auth code only when needed.", "effort": "large", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-fast-and-stable", "principleCheckId": "trim-unused-and-duplicate-code", "guidanceId": "identify-heavy-scripts", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-summary.json" ] }, { "id": "F13", "severity": "medium", "confidence": "high", "summary": "Some interactive controls lack usable accessible names or labels.", "evidence": "Lighthouse fails link-name; the DOM probe finds eight unlabelled controls and 70 links with no text, aria-label or labelled image in the sampled rendered DOM.", "suggestedFix": "Give every actionable link/control a stable accessible name and associate labels with all non-hidden form fields.", "effort": "medium", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-inclusive", "principleCheckId": "names-roles-labels", "guidanceId": "accessibility", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/lighthouse-summary.json", "evidence/home-probe.json" ] }, { "id": "F14", "severity": "high", "confidence": "high", "summary": "Landmark and heading structure is polluted by consent markup.", "evidence": "The homepage has no main landmark. The rendered H1 set includes the Clarín masthead plus CMP headings; the article likewise exposes its article title and multiple CMP H1s.", "suggestedFix": "Add one main landmark around primary content, keep one page-level H1, and use lower-level headings inside the consent component while preserving its accessible dialog label.", "effort": "small", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-inclusive", "principleCheckId": "structure-and-focus", "guidanceId": "accessibility", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-probe.json", "evidence/home-recon.json", "evidence/article-metadata.json" ] }, { "id": "F15", "severity": "medium", "confidence": "high", "summary": "The page logs multiple runtime and network errors.", "evidence": "Lighthouse lists seven console/network errors, including CORS failures, a failed JW Player placement and a FedCM token failure.", "suggestedFix": "Remove or guard failing integrations, correct CORS configuration, and do not initialize media/auth components when prerequisites are unavailable.", "effort": "medium", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "follow-best-practices", "principleCheckId": "no-console-errors", "guidanceId": "html", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/lighthouse-summary.json" ] }, { "id": "F16", "severity": "high", "confidence": "high", "summary": "Image delivery is wasteful across the long news feed.", "evidence": "The image primitive found 91 below-fold images without lazy loading, 79 without srcset, 94 legacy-format images and 37 oversized images; HAR attributes 7.44MB to images.", "suggestedFix": "Lazy-load below-fold images, emit responsive srcset/sizes, negotiate AVIF/WebP, and request dimensions close to rendered card size.", "effort": "large", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-sustainable", "principleCheckId": "optimised-assets", "guidanceId": "deliver-optimized-decorative-images", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-images.json", "evidence/home-summary.json" ] }, { "id": "F17", "severity": "high", "confidence": "high", "summary": "The page requests notification permission on load and is not BFCache eligible.", "evidence": "Lighthouse fails notification-on-start and reports a BFCache failure; unsolicited permission prompts are not user-initiated.", "suggestedFix": "Request notifications only after an explicit user action and remove avoidable BFCache blockers.", "effort": "medium", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "follow-best-practices", "principleCheckId": "browser-platform-hygiene", "guidanceId": "security", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/lighthouse-summary.json" ] }, { "id": "F18", "severity": "critical", "confidence": "high", "summary": "Baseline browser security policies and cookie flags are missing.", "evidence": "Headers evidence finds no CSP, HSTS, nosniff, clickjacking protection, Referrer-Policy or Permissions-Policy. Cookie evidence reports 20 cookies without Secure among the sampled set and widespread SameSite=None.", "suggestedFix": "Deploy a tested CSP with frame-ancestors, HSTS, nosniff, strict Referrer/Permissions policies, and set Secure plus the narrowest suitable SameSite on every cookie.", "effort": "large", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-private-and-secure", "principleCheckId": "secure-transport-and-headers", "guidanceId": "security", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-headers.json", "evidence/home-cookies.json" ] }, { "id": "F19", "severity": "critical", "confidence": "high", "summary": "The anonymous first load has an outsized third-party tracking footprint.", "evidence": "Tracker evidence sees 63 third-party origins and 16 known trackers. HAR records 355 third-party requests and 6.61MB third-party transfer while the CMP names 237 partners.", "suggestedFix": "Block non-essential vendors until consent, reduce vendor count, consolidate analytics, shorten identifier lifetimes and publish a defensible data-minimisation budget.", "effort": "large", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-private-and-secure", "principleCheckId": "data-minimisation-and-third-parties", "guidanceId": "privacy", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-trackers.json", "evidence/home-summary.json", "evidence/subscription-probe.json" ] }, { "id": "F20", "severity": "medium", "confidence": "high", "summary": "The Spanish subscription form falls back to unconnected English browser error messages.", "evidence": "Empty required fields return English validationMessage strings such as “Please fill in this field”; invalid controls have no aria-invalid or aria-describedby, although an assertive live region exists.", "suggestedFix": "Validate after interaction with localized Spanish messages, set aria-invalid, connect each message with aria-describedby and announce the error summary.", "effort": "medium", "pathId": "subscription", "url": "https://www.clarin.com/suscripciones/suscribite.html", "principleId": "be-trustworthy", "principleCheckId": "humane-error-handling", "guidanceId": "accessible-error-announcement", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/subscription-invalid.json" ] }, { "id": "F21", "severity": "high", "confidence": "high", "summary": "The subscription contact form omits autocomplete tokens for personal data.", "evidence": "Name, surname, email, phone and document fields all expose autocomplete=\"\" in the form probe.", "suggestedFix": "Add correct autocomplete tokens such as given-name, family-name, email and tel; use an appropriate documented token or policy for national ID.", "effort": "small", "pathId": "subscription", "url": "https://www.clarin.com/suscripciones/suscribite.html", "principleId": "be-trustworthy", "principleCheckId": "trustworthy-input-assistance", "guidanceId": "autofill-address-form", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/subscription-probe.json" ] }, { "id": "F22", "severity": "high", "confidence": "high", "summary": "Background integrations perform disproportionate work before core content settles.", "evidence": "The first load makes 557 requests, including 163 XHR/fetch requests and large player/ad/analytics stacks; Lighthouse remains interactive only after 74.6s.", "suggestedFix": "Deprioritize background fetches, batch analytics, stop initializing offscreen media, and gate expensive vendors on visibility and consent.", "effort": "large", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-sustainable", "principleCheckId": "no-wasteful-work", "guidanceId": "deprioritize-background-fetches", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/home-summary.json", "evidence/lighthouse-summary.json", "evidence/home-trackers.json" ] }, { "id": "F23", "severity": "high", "confidence": "high", "summary": "The homepage has a very large steady-state heap for a news listing.", "evidence": "Heap summary reports 2,452,687 nodes/heap entries and 144,877,541 self-size bytes, including 166,932 closures; the rendered DOM is also about 5.9MB.", "suggestedFix": "Reduce mounted feed/ad/player trees, release dormant integration state, virtualize or progressively render long lists, and profile allocation retainers for the largest native/object populations.", "effort": "large", "pathId": "home", "url": "https://www.clarin.com/", "principleId": "be-memory-efficient", "principleCheckId": "bounded-footprint", "guidanceId": "bounded memory footprint javascript heap size page weight proportionate allocations", "guidanceCategory": "modern-web-guidance", "artifacts": [ "evidence/heap-baseline.json", "evidence/home-probe.json" ] } ], "taskList": [ { "id": "T01", "title": "Deploy a tested CSP with frame-ancestors, HSTS, nosniff, strict Referrer/Permissions policies, and set Secure plus the narrowest suitable SameSite on every cookie.", "priority": 1, "findingIds": [ "F18" ], "guidanceId": "security", "status": "open" }, { "id": "T02", "title": "Block non-essential vendors until consent, reduce vendor count, consolidate analytics, shorten identifier lifetimes and publish a defensible data-minimisation budget.", "priority": 2, "findingIds": [ "F19" ], "guidanceId": "privacy", "status": "open" }, { "id": "T03", "title": "Replace the blocking first-load wall with the least intrusive consent surface permitted, preserve an equally prominent reject action, and defer non-essential vendors until a choice is made.", "priority": 3, "findingIds": [ "F01" ], "guidanceId": "light-dismiss-a-dialog", "status": "open" }, { "id": "T04", "title": "Provide a strong :focus-visible treatment and enlarge interactive hit areas to at least 24x24 CSS px, preferably 44x44 for primary controls.", "priority": 4, "findingIds": [ "F08" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T05", "title": "Prioritize the LCP resource, reduce initial JavaScript and third parties, and schedule non-critical work after the core news content is usable.", "priority": 5, "findingIds": [ "F09" ], "guidanceId": "performance", "status": "open" }, { "id": "T06", "title": "Break up long tasks, defer ad/player initialization, and conditionally load scripts only when their surface approaches the viewport.", "priority": 6, "findingIds": [ "F10" ], "guidanceId": "break-up-long-tasks", "status": "open" }, { "id": "T07", "title": "Remove parser-blocking scripts from the critical path, conditionally load media/ad stacks, and apply useful caching and priority hints only to true critical resources.", "priority": 7, "findingIds": [ "F11" ], "guidanceId": "optimize-script-priority", "status": "open" }, { "id": "T08", "title": "Split bundles by route and feature, remove duplicated analytics tags, and load player/ad/auth code only when needed.", "priority": 8, "findingIds": [ "F12" ], "guidanceId": "identify-heavy-scripts", "status": "open" }, { "id": "T09", "title": "Add one main landmark around primary content, keep one page-level H1, and use lower-level headings inside the consent component while preserving its accessible dialog label.", "priority": 9, "findingIds": [ "F14" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T10", "title": "Lazy-load below-fold images, emit responsive srcset/sizes, negotiate AVIF/WebP, and request dimensions close to rendered card size.", "priority": 10, "findingIds": [ "F16" ], "guidanceId": "deliver-optimized-decorative-images", "status": "open" }, { "id": "T11", "title": "Request notifications only after an explicit user action and remove avoidable BFCache blockers.", "priority": 11, "findingIds": [ "F17" ], "guidanceId": "security", "status": "open" }, { "id": "T12", "title": "Add correct autocomplete tokens such as given-name, family-name, email and tel; use an appropriate documented token or policy for national ID.", "priority": 12, "findingIds": [ "F21" ], "guidanceId": "autofill-address-form", "status": "open" }, { "id": "T13", "title": "Deprioritize background fetches, batch analytics, stop initializing offscreen media, and gate expensive vendors on visibility and consent.", "priority": 13, "findingIds": [ "F22" ], "guidanceId": "deprioritize-background-fetches", "status": "open" }, { "id": "T14", "title": "Reduce mounted feed/ad/player trees, release dormant integration state, virtualize or progressively render long lists, and profile allocation retainers for the largest native/object populations.", "priority": 14, "findingIds": [ "F23" ], "guidanceId": "bounded memory footprint javascript heap size page weight proportionate allocations", "status": "open" }, { "id": "T15", "title": "Use semantic color tokens with WCAG-compliant contrast and add forced-colors/prefers-contrast adaptations for essential controls.", "priority": 15, "findingIds": [ "F02" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T16", "title": "Consolidate header bands, reserve the first viewport for editorial hierarchy, and load secondary promotional chrome after core content.", "priority": 16, "findingIds": [ "F06" ], "guidanceId": "reduce visual clutter maximize content", "status": "open" }, { "id": "T17", "title": "Give every actionable link/control a stable accessible name and associate labels with all non-hidden form fields.", "priority": 17, "findingIds": [ "F13" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T18", "title": "Remove or guard failing integrations, correct CORS configuration, and do not initialize media/auth components when prerequisites are unavailable.", "priority": 18, "findingIds": [ "F15" ], "guidanceId": "html", "status": "open" }, { "id": "T19", "title": "Validate after interaction with localized Spanish messages, set aria-invalid, connect each message with aria-describedby and announce the error summary.", "priority": 19, "findingIds": [ "F20" ], "guidanceId": "accessible-error-announcement", "status": "open" }, { "id": "T20", "title": "Add same-origin cross-document View Transitions with a reduced-motion-safe fallback for section/article navigation.", "priority": 20, "findingIds": [ "F03" ], "guidanceId": "cross-document-transitions", "status": "open" }, { "id": "T21", "title": "Use sticky chrome sparingly and expose scroll state/progress with CSS scroll-state queries or a lightweight progress indicator.", "priority": 21, "findingIds": [ "F04" ], "guidanceId": "shrinking-header-on-scroll", "status": "open" }, { "id": "T22", "title": "Prefer native dialog/popover primitives with platform focus management and light-dismiss semantics where the interaction allows.", "priority": 22, "findingIds": [ "F05" ], "guidanceId": "declarative-dialog-popover-control", "status": "open" }, { "id": "T23", "title": "Adopt container queries for reusable story cards and navigation modules that appear at multiple widths.", "priority": 23, "findingIds": [ "F07" ], "guidanceId": "size-aware-styling", "status": "open" } ], "budget": { "wallClockSeconds": 2100, "pathCount": 5, "auditPasses": 1 }, "agent": "pi", "runId": "2026-07-18T10-32-07-505Z" }