{ "url": "https://www.hln.be", "auditedAt": "2026-07-23T15:52:43.375Z", "mode": "report", "status": "completed", "statusDetail": "Atomic audit completed across eight representative public paths. Account sign-in itself could not proceed beyond the observed 406 state; that state is recorded as a direct issue rather than omitted.", "page": { "appType": "hybrid", "framework": "Mixed legacy MPA and Next.js-style article template", "notes": "Large Belgian Dutch news service with distinct home/listing, article, search, video, account and recovery templates." }, "evidenceUsed": [ "screenshot", "dom", "layout-metrics", "evaluate-probe", "trace", "har", "discoverability", "headers", "cookies", "trackers", "secrets", "images", "heap-summary", "Lighthouse", "robots+sitemaps", "Modern Web Guidance" ], "guidanceConsulted": [ "dark-mode", "component-specific-light-dark-theme", "accessibility", "adapt-scrollbar-to-contrast-preferences", "same-document-transitions", "cross-document-transitions", "group-element-transitions", "faster-spa-view-transitions", "scrollytelling", "parallax-scroll-effects", "scroll-entry-exit-effects", "carousel-slide-effects", "physics-based-easing", "individual-transform-properties", "animate-element-entry-exit", "animate-to-from-top-layer", "animate-to-intrinsic-sizes", "dynamic-sibling-animations", "interactive-content-reveal", "pull-to-reveal", "swipe-to-remove", "shrinking-header-on-scroll", "scroll-progress-indicator", "scroll-position-aware-elements", "scroll-snap-realtime-feedback", "scroll-snap-state-sync", "scroll-target-on-load", "soft-edge-content-fade", "scrollability-affordance-hints", "anchor-positioning-tab-underline", "position-aware-tooltips", "interest-triggered-tooltips", "interest-triggered-action-previews", "directional-navigation-transitions", "carousel-snap-highlights", "navigation-drawer", "stack-drill-down", "persistent-app-tours", "persistent-toast-notifications", "light-dismiss-a-dialog", "platform-controls-dismiss-dialog", "declarative-dialog-popover-control", "animated-select-picker", "branded-select-styling", "brand-consistent-forms", "custom-select-picker-layouts", "rich-media-picker", "complex-shapes", "shaped-cutouts", "overflow-clipping-control", "visually-texture-content", "apply-webgl-shaders", "interactive-content-in-3d-scenes", "highlight-text-ranges", "prevent-text-wrapping", "customize-scrollbar-color-and-thickness", "export-html-media-from-canvas", "fluid-scaling", "calculate-with-intrinsic-sizes", "css-layout", "size-aware-styling", "content-based-styling", "child-state-based-styling", "design-token-reactivity", "dynamic-sibling-styling", "form-fields-automatically-fit-contents", "improve-text-layout-and-legibility", "forms", "accessible-error-announcement", "required-field-feedback", "validate-input-after-interaction", "identify-inp-causes", "schedule-tasks-by-priority", "optimize-preload-priority", "improve-next-page-load-performance", "interactions-in-complex-layouts", "performance", "visually-stable-font-fallbacks", "break-up-long-tasks", "identify-heavy-scripts", "optimize-script-priority", "defer-rendering-heavy-content", "defer-work-until-scroll-ends", "optimize-image-priority", "conditional-async-dependencies", "expose-canvas-content-to-browser-features", "move-dom-element-without-losing-state", "precise-text-alignment", "visually-stable-mixed-fonts", "css", "html", "reduce-style-repetition", "security", "privacy", "batch-analytics-events", "full-session-analytics", "calculate-total-foreground-time", "passkeys", "passkey-registration", "passkey-authentication", "passkey-reauthentication", "passkey-conditional-create", "passkey-management", "flicker-free-client-side-ab-testing", "consistent-cross-document-transitions", "stabilize-reactive-state", "resilient-context-menus-and-nested-dropdowns", "persistent-top-layer-ui", "detect-initial-visibility-state", "sequence-distributed-events", "translator", "language-detection", "support-global-calendar-systems", "capture-location-agnostic-data", "format-human-readable-durations", "manage-recurring-intervals", "calculate-event-differentials", "coordinate-global-events", "model-partial-time-concepts", "search-hidden-content", "select-menu-interaction", "style-parent-with-has", "autofill-address-form", "autofill-payment-form", "autofill-sign-in-form", "autofill-sign-up-form", "autofill-highlight-inputs", "deliver-optimized-decorative-images", "resolution-optimized-pseudo-elements", "deprioritize-background-fetches", "efficient-background-processing", "webmcp", "agentic-forms", "agentic-javascript-tools", "language-model", "summarizer" ], "artifacts": [ { "type": "screenshot", "path": "evidence/article-desktop.png", "caption": "article desktop" }, { "type": "screenshot", "path": "evidence/article-discoverability-crawler.png", "caption": "article discoverability crawler", "findingIds": [ "F17" ] }, { "type": "screenshot", "path": "evidence/article-discoverability-rendered.png", "caption": "article discoverability rendered", "findingIds": [ "F17" ] }, { "type": "discoverability", "path": "evidence/article-discoverability.json", "caption": "article discoverability", "findingIds": [ "F17" ] }, { "type": "dom", "path": "evidence/article-dom.json", "caption": "article dom", "findingIds": [ "F03", "F04", "F05" ] }, { "type": "other", "path": "evidence/article-images.json", "caption": "article images", "findingIds": [ "F12", "F21" ] }, { "type": "other", "path": "evidence/article-lighthouse-summary.json", "caption": "article lighthouse summary" }, { "type": "lighthouse", "path": "evidence/article-lighthouse.json", "caption": "article lighthouse", "findingIds": [ "F07" ] }, { "type": "other", "path": "evidence/article-metadata-scripts.json", "caption": "article metadata scripts", "findingIds": [ "F09", "F24" ] }, { "type": "layout", "path": "evidence/article-mobile-layout.json", "caption": "article mobile layout", "findingIds": [ "F04" ], "condition": "viewport: 360x800" }, { "type": "screenshot", "path": "evidence/article-mobile.png", "caption": "article mobile", "condition": "viewport: 360x800" }, { "type": "other", "path": "evidence/article-probe.json", "caption": "article probe", "findingIds": [ "F06", "F11" ] }, { "type": "har-summary", "path": "evidence/article-summary.json", "caption": "article summary", "findingIds": [ "F09" ] }, { "type": "har", "path": "evidence/article.har", "caption": "article", "findingIds": [ "F09" ] }, { "type": "dom", "path": "evidence/consent-dom.json", "caption": "consent dom" }, { "type": "screenshot", "path": "evidence/consent-mobile.png", "caption": "consent mobile", "condition": "viewport: 360x800" }, { "type": "other", "path": "evidence/cookies.json", "caption": "cookies", "findingIds": [ "F14" ] }, { "type": "other", "path": "evidence/guidance-exact-ids.json", "caption": "guidance exact ids" }, { "type": "other", "path": "evidence/guidance-list.json", "caption": "guidance list" }, { "type": "other", "path": "evidence/guidance-queries.json", "caption": "guidance queries" }, { "type": "other", "path": "evidence/guidance-retrieved.md", "caption": "guidance retrieved" }, { "type": "other", "path": "evidence/guidance-search-results.json", "caption": "guidance search results" }, { "type": "other", "path": "evidence/headers.json", "caption": "headers", "findingIds": [ "F14" ] }, { "type": "screenshot", "path": "evidence/home-dark-mobile.png", "caption": "home dark mobile", "findingIds": [ "F01" ], "condition": "prefers-color-scheme: dark" }, { "type": "screenshot", "path": "evidence/home-desktop.png", "caption": "home desktop" }, { "type": "screenshot", "path": "evidence/home-discoverability-crawler.png", "caption": "home discoverability crawler" }, { "type": "screenshot", "path": "evidence/home-discoverability-rendered.png", "caption": "home discoverability rendered" }, { "type": "discoverability", "path": "evidence/home-discoverability.json", "caption": "home discoverability" }, { "type": "dom", "path": "evidence/home-dom.json", "caption": "home dom", "findingIds": [ "F03", "F05" ] }, { "type": "heap", "path": "evidence/home-heap-baseline.heapsnapshot", "caption": "home heap baseline" }, { "type": "heap", "path": "evidence/home-heap-post.heapsnapshot", "caption": "home heap post" }, { "type": "screenshot", "path": "evidence/home-high-contrast.png", "caption": "home high contrast", "condition": "prefers-contrast: more" }, { "type": "other", "path": "evidence/home-images.json", "caption": "home images", "findingIds": [ "F10" ] }, { "type": "other", "path": "evidence/home-inputs.json", "caption": "home inputs", "findingIds": [ "F10", "F19" ] }, { "type": "other", "path": "evidence/home-lighthouse-summary.json", "caption": "home lighthouse summary", "findingIds": [ "F11", "F13" ] }, { "type": "lighthouse", "path": "evidence/home-lighthouse.json", "caption": "home lighthouse", "findingIds": [ "F07" ] }, { "type": "other", "path": "evidence/home-memory-metrics.json", "caption": "home memory metrics" }, { "type": "layout", "path": "evidence/home-mobile-layout.json", "caption": "home mobile layout", "findingIds": [ "F07" ], "condition": "viewport: 360x800" }, { "type": "screenshot", "path": "evidence/home-mobile.png", "caption": "home mobile", "findingIds": [ "F01" ], "condition": "viewport: 360x800" }, { "type": "other", "path": "evidence/home-probe.json", "caption": "home probe", "findingIds": [ "F01", "F06", "F18" ] }, { "type": "other", "path": "evidence/home-recon.json", "caption": "home recon" }, { "type": "other", "path": "evidence/home-reduced-motion-probe.json", "caption": "home reduced motion probe", "findingIds": [ "F02" ], "condition": "prefers-reduced-motion: reduce" }, { "type": "har-summary", "path": "evidence/home-summary.json", "caption": "home summary", "findingIds": [ "F08", "F15", "F22", "F23" ] }, { "type": "trace-summary", "path": "evidence/home-trace-summary.json", "caption": "home trace summary" }, { "type": "trace", "path": "evidence/home-trace.json", "caption": "home trace" }, { "type": "har", "path": "evidence/home.har", "caption": "home", "findingIds": [ "F08", "F23" ] }, { "type": "other", "path": "evidence/llms.txt", "caption": "llms" }, { "type": "dom", "path": "evidence/login-dom.json", "caption": "login dom", "findingIds": [ "F16" ] }, { "type": "screenshot", "path": "evidence/login-mobile.png", "caption": "login mobile", "findingIds": [ "F16", "F20" ], "condition": "viewport: 360x800" }, { "type": "other", "path": "evidence/manifest.json", "caption": "manifest", "findingIds": [ "F18" ] }, { "type": "screenshot", "path": "evidence/newsletter-invalid.png", "caption": "newsletter invalid" }, { "type": "dom", "path": "evidence/not-found-dom.json", "caption": "not found dom" }, { "type": "screenshot", "path": "evidence/not-found-mobile.png", "caption": "not found mobile", "condition": "viewport: 360x800" }, { "type": "other", "path": "evidence/robots.txt", "caption": "robots", "findingIds": [ "F24" ] }, { "type": "dom", "path": "evidence/search-dom.json", "caption": "search dom" }, { "type": "other", "path": "evidence/search-inputs.json", "caption": "search inputs" }, { "type": "screenshot", "path": "evidence/search-mobile.png", "caption": "search mobile", "condition": "viewport: 360x800" }, { "type": "dom", "path": "evidence/search-results-dom.json", "caption": "search results dom" }, { "type": "screenshot", "path": "evidence/search-results-mobile.png", "caption": "search results mobile", "condition": "viewport: 360x800" }, { "type": "other", "path": "evidence/secret-context.json", "caption": "secret context" }, { "type": "other", "path": "evidence/secrets.json", "caption": "secrets" }, { "type": "dom", "path": "evidence/section-dom.json", "caption": "section dom" }, { "type": "screenshot", "path": "evidence/section-mobile.png", "caption": "section mobile", "condition": "viewport: 360x800" }, { "type": "other", "path": "evidence/sitemap-news.xml", "caption": "sitemap news" }, { "type": "other", "path": "evidence/sitemap.xml", "caption": "sitemap" }, { "type": "other", "path": "evidence/trackers.json", "caption": "trackers", "findingIds": [ "F15", "F22" ] }, { "type": "dom", "path": "evidence/videos-dom.json", "caption": "videos dom" }, { "type": "screenshot", "path": "evidence/videos-mobile.png", "caption": "videos mobile", "condition": "viewport: 360x800" } ], "config": { "loaded": false }, "coverage": { "catalogVersion": "modern-web-guidance@0.0.172", "catalogChecksum": "sha256:78ccfdb2d483f4c57d9dafed80fd86c6265585a56457c8dcfddc254b80fb44d7", "expected": 58, "recorded": 58, "judged": 58, "blocked": 0, "notRun": 0, "missing": 0, "unknown": 0, "duplicates": 0, "complete": true }, "checkOutcomes": [ { "principleId": "respect-user-preferences", "checkId": "respects-color-scheme", "status": "issues", "confidence": "high", "method": "Emulated preference screenshots and computed animation/style probe plus CSS capture", "evidence": "Light and dark mobile captures are pixel-equivalent in appearance; the probe reports colorScheme \"normal\", and captured CSS contains no prefers-color-scheme rule.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-mobile.png", "evidence/home-dark-mobile.png", "evidence/home-probe.json" ], "findingIds": [ "F01" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-reduced-motion", "status": "issues", "confidence": "high", "method": "Emulated preference screenshots and computed animation/style probe plus CSS capture", "evidence": "The normal and prefers-reduced-motion probes both report the same 13 running animations, including 273,620 ms ticker/swap animations; captured CSS contains no prefers-reduced-motion rule.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-reduced-motion-probe.json" ], "findingIds": [ "F02" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-contrast", "status": "pass", "confidence": "high", "method": "Emulated preference screenshots and computed animation/style probe plus CSS capture", "evidence": "The prefers-contrast: more mobile screenshot remains legible with visible headlines, controls and status chips; Lighthouse contrast audit scored pass.", "pathIds": [ "home" ] }, { "principleId": "implement-natural-interactions", "checkId": "view-transitions", "status": "issues", "confidence": "medium", "method": "Rendered interaction/template inspection and CSS feature search", "evidence": "DOM/CSS captures across the home, section and article templates contain no view-transition declaration, so full-page news navigation swaps abruptly.", "pathIds": [ "article" ], "artifacts": [ "evidence/home-dom.json", "evidence/article-dom.json" ], "findingIds": [ "F03" ] }, { "principleId": "implement-natural-interactions", "checkId": "scroll-driven-animations", "status": "pass", "confidence": "high", "method": "Rendered interaction/template inspection and CSS feature search", "evidence": "Screenshots and CSS capture show no parallax/scrollytelling effect and no scroll event driven animation surface; ordinary scrolling remains native.", "pathIds": [ "home", "article" ] }, { "principleId": "implement-natural-interactions", "checkId": "physical-gestures", "status": "not-applicable", "confidence": "high", "method": "Rendered interaction/template inspection and CSS feature search", "evidence": "No audited path exposes a custom swipe, pull-to-refresh, draggable, or snap-based gesture surface; ordinary native scrolling is the only physical gesture.", "reason": "No audited path exposes a custom swipe, pull-to-refresh, draggable, or snap-based gesture surface; ordinary native scrolling is the only physical gesture." }, { "principleId": "provide-guided-navigation", "checkId": "scroll-state-aware-chrome", "status": "issues", "confidence": "medium", "method": "Mobile visual review, long-page layout and DOM/CSS inspection", "evidence": "Captured CSS uses fixed/relative header class toggles but contains no scroll-state container query; the long article has 11,209 px of content with no declarative reading-progress affordance.", "pathIds": [ "article" ], "artifacts": [ "evidence/article-dom.json", "evidence/article-mobile-layout.json" ], "findingIds": [ "F04" ] }, { "principleId": "provide-guided-navigation", "checkId": "anchored-positioning", "status": "not-applicable", "confidence": "high", "method": "Mobile visual review, long-page layout and DOM/CSS inspection", "evidence": "No tooltip, transient popover, or edge-positioned menu was present on the representative public paths, so there is no anchored overlay to judge.", "reason": "No tooltip, transient popover, or edge-positioned menu was present on the representative public paths, so there is no anchored overlay to judge." }, { "principleId": "provide-guided-navigation", "checkId": "directs-attention", "status": "pass", "confidence": "high", "method": "Mobile visual review, long-page layout and DOM/CSS inspection", "evidence": "Article navigation highlights “Buitenland” in red, search results repeat the query in the heading, and the 404 provides a prominent home recovery action.", "pathIds": [ "article", "search-results" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "no-intrusive-interruptions", "status": "pass", "confidence": "high", "method": "Fresh-load screenshots and semantic DOM inspection", "evidence": "Fresh screenshot captures expose the lead story immediately; no full-viewport ad or popup obscures content in the tested regional state.", "pathIds": [ "home", "article" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "semantic-dismissible-primitives", "status": "not-applicable", "confidence": "high", "method": "Fresh-load screenshots and semantic DOM inspection", "evidence": "No modal/dialog/disclosure overlay was present in the representative content, search, video, error, or blocked-login states.", "reason": "No modal/dialog/disclosure overlay was present in the representative content, search, video, error, or blocked-login states." }, { "principleId": "maximize-content-reduce-noise", "checkId": "reduced-chrome", "status": "pass", "confidence": "high", "method": "Fresh-load screenshots and semantic DOM inspection", "evidence": "Mobile captures prioritise lead story, article body, search results and video cards; header chrome is compact relative to content.", "pathIds": [ "home", "article" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "responsive-no-horizontal-scroll", "status": "pass", "confidence": "high", "method": "360×800 layout/screenshot, focus/target probe and CSS inspection", "evidence": "Both 360 px layout captures report horizontalOverflowPx 0 and a viewport meta tag; home and article reflow to exactly 360 px.", "pathIds": [ "home", "article" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "component-level-responsiveness", "status": "issues", "confidence": "high", "method": "360×800 layout/screenshot, focus/target probe and CSS inspection", "evidence": "CSS from home and article templates contains no @container or container-type declaration, despite cards being reused in hero, rail, list and mobile contexts.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-dom.json", "evidence/article-dom.json" ], "findingIds": [ "F05" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "input-modality-aware", "status": "issues", "confidence": "high", "method": "360×800 layout/screenshot, focus/target probe and CSS inspection", "evidence": "The home focus probe reports most links with outline-style none and no box shadow; multiple visible links are only 12–20 px high. The article template has a stronger 2 px focus outline, showing cross-template inconsistency.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/article-probe.json" ], "findingIds": [ "F06" ] }, { "principleId": "support-core-task-success", "checkId": "clear-purpose-and-primary-action", "status": "pass", "confidence": "high", "method": "Manual representative journey walkthrough with screenshots and DOM states", "evidence": "Home leads with current news, article leads with hero/headline/body, search has a singular labelled query action, and video leads with playable cards.", "pathIds": [ "home", "article", "search", "search-results", "not-found" ] }, { "principleId": "support-core-task-success", "checkId": "primary-flow-completion", "status": "pass", "confidence": "high", "method": "Manual representative journey walkthrough with screenshots and DOM states", "evidence": "The public core journeys from listing to article and from search query to results completed; article content is readable without account creation.", "pathIds": [ "home", "article", "search", "search-results", "not-found" ] }, { "principleId": "support-core-task-success", "checkId": "clear-system-state-and-recovery", "status": "pass", "confidence": "high", "method": "Manual representative journey walkthrough with screenshots and DOM states", "evidence": "Search clearly reports results for “Belgie”; the 404 explains the failure and offers “Terug naar home”; blocked login explains the alternate-code recovery concept.", "pathIds": [ "home", "article", "search", "search-results", "not-found" ] }, { "principleId": "be-fast-and-stable", "checkId": "good-core-web-vitals", "status": "issues", "confidence": "high", "method": "Layout observers, DevTools trace, HAR summaries and Lighthouse", "evidence": "The 360×800 layout capture measured CLS 0.160156 with a single shift at about 5.08 s; Lighthouse also measured cold-load LCP at 3.7 s on home and 4.2 s on the article.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-mobile-layout.json", "evidence/home-lighthouse.json", "evidence/article-lighthouse.json" ], "findingIds": [ "F07" ] }, { "principleId": "be-fast-and-stable", "checkId": "visual-stability", "status": "pass", "confidence": "high", "method": "Layout observers, DevTools trace, HAR summaries and Lighthouse", "evidence": "The article’s 360 px layout capture measured CLS 0.0052 with no horizontal overflow; the homepage instability is recorded separately under the aggregate CWV check.", "pathIds": [ "home", "article" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-main-thread", "status": "pass", "confidence": "high", "method": "Layout observers, DevTools trace, HAR summaries and Lighthouse", "evidence": "Trace summary measured zero long tasks and 0 ms TBT on the home trace; mobile observers saw only two 51–56 ms home tasks and one 71 ms article task.", "pathIds": [ "home", "article" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-resource-delivery", "status": "issues", "confidence": "high", "method": "Layout observers, DevTools trace, HAR summaries and Lighthouse", "evidence": "HAR recorded 143 requests and 7,769,884 transferred bytes. Seven video-segment requests contributed 4,388,646 bytes, while scripts contributed 2,445,626 bytes.", "pathIds": [ "home" ], "artifacts": [ "evidence/home.har", "evidence/home-summary.json" ], "findingIds": [ "F08" ] }, { "principleId": "be-fast-and-stable", "checkId": "trim-unused-and-duplicate-code", "status": "issues", "confidence": "high", "method": "Layout observers, DevTools trace, HAR summaries and Lighthouse", "evidence": "The article HAR recorded 72 scripts and 2,749,557 script bytes; the live script inventory includes repeated pexi.js loads plus advertising, survey, experimentation and analytics libraries.", "pathIds": [ "article" ], "artifacts": [ "evidence/article.har", "evidence/article-summary.json", "evidence/article-metadata-scripts.json" ], "findingIds": [ "F09" ] }, { "principleId": "be-inclusive", "checkId": "names-roles-labels", "status": "issues", "confidence": "high", "method": "Lighthouse accessibility audits, focus/label probes and visual review", "evidence": "The home probe found one unlabelled visible input; the input inventory shows the required newsletter email field has no label or aria-label. The image audit found 100 home images without alt values, including story imagery.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-inputs.json", "evidence/home-images.json" ], "findingIds": [ "F10" ] }, { "principleId": "be-inclusive", "checkId": "sufficient-contrast", "status": "pass", "confidence": "high", "method": "Lighthouse accessibility audits, focus/label probes and visual review", "evidence": "Lighthouse contrast audit passed and standard/high-contrast screenshots keep text and controls legible.", "pathIds": [ "home", "article", "search" ] }, { "principleId": "be-inclusive", "checkId": "structure-and-focus", "status": "issues", "confidence": "high", "method": "Lighthouse accessibility audits, focus/label probes and visual review", "evidence": "The article probe jumps from H1 to an H6 newsletter heading before H2; Lighthouse also flags non-sequential heading order in the consent surface.", "pathIds": [ "article" ], "artifacts": [ "evidence/article-probe.json", "evidence/home-lighthouse-summary.json" ], "findingIds": [ "F11" ] }, { "principleId": "be-inclusive", "checkId": "legible-text", "status": "pass", "confidence": "high", "method": "Lighthouse accessibility audits, focus/label probes and visual review", "evidence": "Article mobile capture uses a readable measure, strong hierarchy and unclipped body text; search/listing copy remains readable at 360 px.", "pathIds": [ "home", "article", "search" ] }, { "principleId": "be-inclusive", "checkId": "zoom-reflow-targets-and-media", "status": "pass", "confidence": "high", "method": "Lighthouse accessibility audits, focus/label probes and visual review", "evidence": "The tested 360 px reflow has no horizontal overflow, viewport permits scaling, and video cards expose visible play actions and durations.", "pathIds": [ "home", "article", "search" ] }, { "principleId": "follow-best-practices", "checkId": "no-console-errors", "status": "pass", "confidence": "high", "method": "Lighthouse best-practices, DOM/doctype inspection and image audit", "evidence": "Lighthouse errors-in-console audit passed with an empty item list.", "pathIds": [ "home", "article" ] }, { "principleId": "follow-best-practices", "checkId": "sound-document-and-assets", "status": "issues", "confidence": "high", "method": "Lighthouse best-practices, DOM/doctype inspection and image audit", "evidence": "The article image audit found 8 images without dimensions, 12 oversized images, 53 without srcset and 29 legacy-format images.", "pathIds": [ "article" ], "artifacts": [ "evidence/article-images.json" ], "findingIds": [ "F12" ] }, { "principleId": "follow-best-practices", "checkId": "browser-platform-hygiene", "status": "issues", "confidence": "medium", "method": "Lighthouse best-practices, DOM/doctype inspection and image audit", "evidence": "Lighthouse reports three BFCache failure reasons around Cache-Control: no-store and a DevTools cookie issue.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-lighthouse-summary.json" ], "findingIds": [ "F13" ] }, { "principleId": "be-discoverable", "checkId": "title-and-description", "status": "pass", "confidence": "high", "method": "Rendered metadata probe, robots/sitemaps, discoverability fetch and JSON-LD inspection", "evidence": "Rendered home and article probes contain unique descriptive titles and meta descriptions.", "pathIds": [ "home", "article" ] }, { "principleId": "be-discoverable", "checkId": "crawlable-and-mobile-friendly", "status": "pass", "confidence": "high", "method": "Rendered metadata probe, robots/sitemaps, discoverability fetch and JSON-LD inspection", "evidence": "All 355 home anchors in the live DOM have href values, viewport metadata is present, and the generic robots policy allows public content paths.", "pathIds": [ "home", "article" ] }, { "principleId": "be-discoverable", "checkId": "canonical-and-indexing-signals", "status": "pass", "confidence": "high", "method": "Rendered metadata probe, robots/sitemaps, discoverability fetch and JSON-LD inspection", "evidence": "Home and article expose canonical URLs, article permits large snippets/previews, robots points to current news and archive sitemaps, and document requests succeed.", "pathIds": [ "home", "article" ] }, { "principleId": "be-discoverable", "checkId": "structured-and-shareable-metadata", "status": "pass", "confidence": "high", "method": "Rendered metadata probe, robots/sitemaps, discoverability fetch and JSON-LD inspection", "evidence": "The article exposes NewsArticle, WebSite, BreadcrumbList and VideoObject JSON-LD plus complete Open Graph metadata matching the visible story.", "pathIds": [ "home", "article" ] }, { "principleId": "be-private-and-secure", "checkId": "secure-transport-and-headers", "status": "issues", "confidence": "high", "method": "Headers, cookies, trackers, secrets, HAR and login-state inspection", "evidence": "Headers include HSTS, nosniff and X-Frame-Options, but CSP permits unsafe-inline and unsafe-eval. The cookie audit found 22 of 24 cookies lacking Secure and many SameSite=None cookies.", "pathIds": [ "home" ], "artifacts": [ "evidence/headers.json", "evidence/cookies.json" ], "findingIds": [ "F14" ] }, { "principleId": "be-private-and-secure", "checkId": "data-minimisation-and-third-parties", "status": "issues", "confidence": "high", "method": "Headers, cookies, trackers, secrets, HAR and login-state inspection", "evidence": "The tracker capture saw 50 third-party origins and 11 known tracker domains. The HAR classified 137 of 143 requests and 7.66 MB of 7.77 MB as cross-origin.", "pathIds": [ "home" ], "artifacts": [ "evidence/trackers.json", "evidence/home-summary.json" ], "findingIds": [ "F15" ] }, { "principleId": "be-private-and-secure", "checkId": "in-context-permissions-and-modern-auth", "status": "issues", "confidence": "high", "method": "Headers, cookies, trackers, secrets, HAR and login-state inspection", "evidence": "Navigating to /login ends on a 406 “Inlogpoging geblokkeerd” page. It instructs users to go back and use an emailed six-digit code, but presents no actionable return link or phishing-resistant passkey option.", "pathIds": [ "login" ], "artifacts": [ "evidence/login-mobile.png", "evidence/login-dom.json" ], "findingIds": [ "F16" ] }, { "principleId": "be-private-and-secure", "checkId": "defensive-browser-policies", "status": "pass", "confidence": "high", "method": "Headers, cookies, trackers, secrets, HAR and login-state inspection", "evidence": "Headers include HSTS preload, X-Frame-Options DENY, nosniff, strict-origin-when-cross-origin Referrer-Policy and a Permissions-Policy; CSP weakness is recorded separately.", "pathIds": [ "home", "login" ] }, { "principleId": "be-resilient", "checkId": "progressive-enhancement", "status": "issues", "confidence": "high", "method": "Raw no-JS discoverability comparison, manifest/SW probe and explicit 404 exercise", "evidence": "Discoverability fetches for home and article each saw about 8 KB of raw HTML, only 3 content tokens, no title/H1/description and 0% rendered-word coverage because the response is a privacy-gate shell.", "pathIds": [ "article" ], "artifacts": [ "evidence/article-discoverability.json", "evidence/article-discoverability-crawler.png", "evidence/article-discoverability-rendered.png" ], "findingIds": [ "F17" ] }, { "principleId": "be-resilient", "checkId": "resilient-runtime-behaviour", "status": "pass", "confidence": "high", "method": "Raw no-JS discoverability comparison, manifest/SW probe and explicit 404 exercise", "evidence": "Representative navigation, search, video and 404 states rendered without clipped overlays or blank runtime shells in normal JavaScript operation.", "pathIds": [ "home", "article", "not-found" ] }, { "principleId": "be-resilient", "checkId": "offline-and-installable", "status": "issues", "confidence": "high", "method": "Raw no-JS discoverability comparison, manifest/SW probe and explicit 404 exercise", "evidence": "The home and article probes find a manifest but no controlling service worker; no offline fallback is available for a news product whose read path benefits from flaky-network resilience.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/manifest.json" ], "findingIds": [ "F18" ] }, { "principleId": "be-resilient", "checkId": "network-and-http-failure-states", "status": "pass", "confidence": "high", "method": "Raw no-JS discoverability comparison, manifest/SW probe and explicit 404 exercise", "evidence": "A deliberately invalid route returns an explanatory “Er ging iets fout” page with a prominent home action and current-news fallback.", "pathIds": [ "home", "article", "not-found" ] }, { "principleId": "be-internationalised", "checkId": "lang-dir-and-logical-properties", "status": "not-applicable", "confidence": "high", "method": "Recon of locale, language, content scope and representative flows", "evidence": "HLN is a deliberately Dutch-language Belgian news service in the audited scope; no alternate language or writing-mode journey was offered.", "reason": "HLN is a deliberately Dutch-language Belgian news service in the audited scope; no alternate language or writing-mode journey was offered." }, { "principleId": "be-internationalised", "checkId": "locale-aware-data", "status": "not-applicable", "confidence": "high", "method": "Recon of locale, language, content scope and representative flows", "evidence": "The audited service is single-locale (nl-BE) and exposes no user-selectable locale or cross-locale data-entry flow.", "reason": "The audited service is single-locale (nl-BE) and exposes no user-selectable locale or cross-locale data-entry flow." }, { "principleId": "be-internationalised", "checkId": "time-zone-correctness", "status": "not-applicable", "confidence": "high", "method": "Recon of locale, language, content scope and representative flows", "evidence": "No cross-time-zone event scheduling or partial-time input flow exists in the representative news-reading/search scope.", "reason": "No cross-time-zone event scheduling or partial-time input flow exists in the representative news-reading/search scope." }, { "principleId": "be-trustworthy", "checkId": "no-dark-patterns", "status": "pass", "confidence": "high", "method": "Form/input inventory and search, newsletter, login and 404 journey review", "evidence": "The tested public article and search flows did not force signup or obscure the free story; subscription and login actions are visibly labelled.", "pathIds": [ "article", "search-results", "login", "not-found" ] }, { "principleId": "be-trustworthy", "checkId": "humane-error-handling", "status": "pass", "confidence": "high", "method": "Form/input inventory and search, newsletter, login and 404 journey review", "evidence": "Required search/email fields use native required/input types; 404 and blocked-login states explain what happened without blaming the user.", "pathIds": [ "article", "search-results", "login", "not-found" ] }, { "principleId": "be-trustworthy", "checkId": "trustworthy-input-assistance", "status": "issues", "confidence": "high", "method": "Form/input inventory and search, newsletter, login and 404 journey review", "evidence": "The home input inventory shows both email fields with an empty autocomplete value, and the required compact newsletter field has no programmatic label.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-inputs.json" ], "findingIds": [ "F19" ] }, { "principleId": "be-trustworthy", "checkId": "safe-commercial-and-account-flows", "status": "issues", "confidence": "high", "method": "Form/input inventory and search, newsletter, login and 404 journey review", "evidence": "The 406 blocked-login page contains instructions but no button or link back to the alternative code flow, so the user cannot continue from the state presented.", "pathIds": [ "login" ], "artifacts": [ "evidence/login-mobile.png" ], "findingIds": [ "F20" ] }, { "principleId": "be-sustainable", "checkId": "optimised-assets", "status": "issues", "confidence": "high", "method": "HAR byte accounting, tracker and image audits", "evidence": "The article image audit found 12 oversized images, 53 without responsive sources and 29 legacy-format assets, including 480 px GIF/JPEG thumbnails displayed at 112 px.", "pathIds": [ "article" ], "artifacts": [ "evidence/article-images.json" ], "findingIds": [ "F21" ] }, { "principleId": "be-sustainable", "checkId": "no-wasteful-work", "status": "issues", "confidence": "high", "method": "HAR byte accounting, tracker and image audits", "evidence": "The home probe found no autoplay media element, yet the HAR downloaded seven HLS segments totalling 4.39 MB and contacted 50 third-party origins during initial load.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/trackers.json" ], "findingIds": [ "F22" ] }, { "principleId": "be-sustainable", "checkId": "third-party-and-media-budget", "status": "issues", "confidence": "high", "method": "HAR byte accounting, tracker and image audits", "evidence": "Cross-origin resources account for 7.66 MB of 7.77 MB transferred on the homepage, including video, player, tag-manager, advertising and experimentation payloads.", "pathIds": [ "home" ], "artifacts": [ "evidence/home.har", "evidence/home-summary.json" ], "findingIds": [ "F23" ] }, { "principleId": "be-agent-ready", "checkId": "structured-agent-capabilities", "status": "issues", "confidence": "high", "method": "robots policy, raw discoverability and structured metadata/tool inspection", "evidence": "robots.txt disallows GPTBot, ChatGPT-User, ClaudeBot, Google-Extended, Perplexity and many peers; captured DOM has no WebMCP/agent-tool surface, although article JSON-LD is strong.", "pathIds": [ "article" ], "artifacts": [ "evidence/robots.txt", "evidence/article-metadata-scripts.json" ], "findingIds": [ "F24" ] }, { "principleId": "be-agent-ready", "checkId": "on-device-inference", "status": "not-applicable", "confidence": "high", "method": "robots policy, raw discoverability and structured metadata/tool inspection", "evidence": "On-device generation or summarisation is not necessary to complete the public news reading, search, video, login or recovery tasks audited.", "reason": "On-device generation or summarisation is not necessary to complete the public news reading, search, video, login or recovery tasks audited." }, { "principleId": "be-memory-efficient", "checkId": "no-leak-under-repeated-interaction", "status": "pass", "confidence": "high", "method": "Baseline/post heap summaries and same-session memory/DOM metrics after 10 scroll cycles", "evidence": "After ten full-page scroll-down/up cycles, DOM count stayed 3,924 and JS used heap rose about 1.24 MB; heap snapshot self size rose only 0.34 MB (~0.7%), with no evidence of unbounded growth.", "pathIds": [ "home" ] }, { "principleId": "be-memory-efficient", "checkId": "bounded-footprint", "status": "pass", "confidence": "high", "method": "Baseline/post heap summaries and same-session memory/DOM metrics after 10 scroll cycles", "evidence": "The rich news homepage retained about 48.4 MB self size and 43 MB used JS heap; this is substantial but proportionate to the observed media/vendor-heavy page and remained bounded during the exercise.", "pathIds": [ "home" ] }, { "principleId": "be-memory-efficient", "checkId": "no-detached-dom-or-unbounded-listeners", "status": "pass", "confidence": "high", "method": "Baseline/post heap summaries and same-session memory/DOM metrics after 10 scroll cycles", "evidence": "Before/after heap summaries show no Detached* constructor among top retained constructors, DOM node count stayed constant, and closure count rose only 109 after repeated scrolling.", "pathIds": [ "home" ] } ], "principleOutcomes": [ { "principleId": "respect-user-preferences", "expectation": "default", "status": "issues", "findingIds": [ "F01", "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": "pass" }, { "principleId": "adapt-to-the-form-factor", "expectation": "default", "status": "issues", "findingIds": [ "F05", "F06" ] }, { "principleId": "support-core-task-success", "expectation": "default", "status": "pass" }, { "principleId": "be-fast-and-stable", "expectation": "default", "status": "issues", "findingIds": [ "F07", "F08", "F09" ] }, { "principleId": "be-inclusive", "expectation": "default", "status": "issues", "findingIds": [ "F10", "F11" ] }, { "principleId": "follow-best-practices", "expectation": "default", "status": "issues", "findingIds": [ "F12", "F13" ] }, { "principleId": "be-discoverable", "expectation": "default", "status": "pass" }, { "principleId": "be-private-and-secure", "expectation": "default", "status": "issues", "findingIds": [ "F14", "F15", "F16" ] }, { "principleId": "be-resilient", "expectation": "contextual", "status": "issues", "findingIds": [ "F17", "F18" ] }, { "principleId": "be-internationalised", "expectation": "contextual", "status": "not-applicable", "reason": "HLN is a deliberately Dutch-language Belgian news service in the audited scope; no alternate language or writing-mode journey was offered." }, { "principleId": "be-trustworthy", "expectation": "default", "status": "issues", "findingIds": [ "F19", "F20" ] }, { "principleId": "be-sustainable", "expectation": "contextual", "status": "issues", "findingIds": [ "F21", "F22", "F23" ] }, { "principleId": "be-agent-ready", "expectation": "contextual", "status": "issues", "findingIds": [ "F24" ] }, { "principleId": "be-memory-efficient", "expectation": "default", "status": "pass" } ], "paths": [ { "id": "home", "description": "Homepage: primary news discovery template and newsletter entry; tested desktop/mobile, preferences, performance, privacy and memory.", "url": "https://www.hln.be/", "conditions": [ "desktop", "viewport: 360x800", "prefers-color-scheme: dark", "prefers-reduced-motion: reduce", "prefers-contrast: more", "keyboard focus", "10 repeated scroll cycles" ], "result": "issues" }, { "id": "section", "description": "Nieuws section: representative section/listing template and navigation hierarchy.", "url": "https://www.hln.be/nieuws/", "conditions": [ "viewport: 360x800" ], "result": "issues" }, { "id": "article", "description": "Current free article: core reading journey, metadata, media, responsive layout and recommendations.", "url": "https://www.hln.be/buitenland/een-dode-bij-gijzeling-in-duitse-bank-man-met-mes-bedreigt-verschillende-mensen~a61d64bf/", "conditions": [ "desktop", "viewport: 360x800", "no-JavaScript/raw fetch" ], "result": "issues" }, { "id": "search", "description": "Empty search: primary retrieval form and empty initial state.", "url": "https://www.hln.be/zoeken/", "conditions": [ "viewport: 360x800" ], "result": "pass" }, { "id": "search-results", "description": "Search for “Belgie”: submitted query and populated results state.", "url": "https://www.hln.be/zoeken/?query=Belgie", "conditions": [ "viewport: 360x800" ], "result": "pass" }, { "id": "videos", "description": "Video listing: rich-media template and explicit-play affordances.", "url": "https://www.hln.be/videos", "conditions": [ "viewport: 360x800" ], "result": "pass" }, { "id": "login", "description": "Account entry: authentication/recovery surface; redirect reached a 406 blocked-login state.", "url": "https://www.hln.be/login", "conditions": [ "viewport: 360x800", "fresh anonymous browser" ], "result": "issues" }, { "id": "not-found", "description": "Invalid route: representative HTTP/error recovery state.", "url": "https://www.hln.be/this-route-does-not-exist-web-uplift", "conditions": [ "viewport: 360x800" ], "result": "pass" } ], "findings": [ { "id": "F01", "pathId": "home", "url": "https://www.hln.be", "principleId": "respect-user-preferences", "principleCheckId": "respects-color-scheme", "guidanceId": "dark-mode", "guidanceCategory": "user-experience", "severity": "medium", "confidence": "high", "summary": "The site does not adapt to the user’s dark color-scheme preference.", "evidence": "Light and dark mobile captures are pixel-equivalent in appearance; the probe reports colorScheme \"normal\", and captured CSS contains no prefers-color-scheme rule.", "suggestedFix": "Declare color-scheme and supply preference-driven light/dark surface, text, border, and browser-chrome colors, using light-dark() or a prefers-color-scheme fallback.", "effort": "medium", "artifacts": [ "evidence/home-mobile.png", "evidence/home-dark-mobile.png", "evidence/home-probe.json" ] }, { "id": "F02", "pathId": "home", "url": "https://www.hln.be", "principleId": "respect-user-preferences", "principleCheckId": "respects-reduced-motion", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "severity": "medium", "confidence": "high", "summary": "Continuous ticker and pulse animations continue under reduced-motion.", "evidence": "The normal and prefers-reduced-motion probes both report the same 13 running animations, including 273,620 ms ticker/swap animations; captured CSS contains no prefers-reduced-motion rule.", "suggestedFix": "Under prefers-reduced-motion: reduce, stop auto-moving tickers and repeated pulse effects and replace them with a static state.", "effort": "small", "artifacts": [ "evidence/home-reduced-motion-probe.json" ] }, { "id": "F03", "pathId": "article", "url": "https://www.hln.be/buitenland/een-dode-bij-gijzeling-in-duitse-bank-man-met-mes-bedreigt-verschillende-mensen~a61d64bf/", "principleId": "implement-natural-interactions", "principleCheckId": "view-transitions", "guidanceId": "cross-document-transitions", "guidanceCategory": "user-experience", "severity": "low", "confidence": "medium", "summary": "Route changes do not use cross-document View Transitions.", "evidence": "DOM/CSS captures across the home, section and article templates contain no view-transition declaration, so full-page news navigation swaps abruptly.", "suggestedFix": "Add @view-transition { navigation: auto } with stable view-transition-name values for shared header and article imagery, with reduced-motion handling.", "effort": "medium", "artifacts": [ "evidence/home-dom.json", "evidence/article-dom.json" ] }, { "id": "F04", "pathId": "article", "url": "https://www.hln.be/buitenland/een-dode-bij-gijzeling-in-duitse-bank-man-met-mes-bedreigt-verschillende-mensen~a61d64bf/", "principleId": "provide-guided-navigation", "principleCheckId": "scroll-state-aware-chrome", "guidanceId": "shrinking-header-on-scroll", "guidanceCategory": "user-experience", "severity": "low", "confidence": "medium", "summary": "Sticky navigation is not implemented with scroll-state-aware CSS.", "evidence": "Captured CSS uses fixed/relative header class toggles but contains no scroll-state container query; the long article has 11,209 px of content with no declarative reading-progress affordance.", "suggestedFix": "Use scroll-state queries or a lightweight declarative progress indicator so long-article chrome responds to reading position.", "effort": "medium", "artifacts": [ "evidence/article-dom.json", "evidence/article-mobile-layout.json" ] }, { "id": "F05", "pathId": "home", "url": "https://www.hln.be", "principleId": "adapt-to-the-form-factor", "principleCheckId": "component-level-responsiveness", "guidanceId": "size-aware-styling", "guidanceCategory": "user-experience", "severity": "low", "confidence": "high", "summary": "Templates rely on viewport media queries rather than component-level responsiveness.", "evidence": "CSS from home and article templates contains no @container or container-type declaration, despite cards being reused in hero, rail, list and mobile contexts.", "suggestedFix": "Establish containment on reusable card/list regions and move size-dependent card styling to container queries.", "effort": "medium", "artifacts": [ "evidence/home-dom.json", "evidence/article-dom.json" ] }, { "id": "F06", "pathId": "home", "url": "https://www.hln.be", "principleId": "adapt-to-the-form-factor", "principleCheckId": "input-modality-aware", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "severity": "medium", "confidence": "high", "summary": "Keyboard focus and touch-target treatment is inconsistent.", "evidence": "The home focus probe reports most links with outline-style none and no box shadow; multiple visible links are only 12–20 px high. The article template has a stronger 2 px focus outline, showing cross-template inconsistency.", "suggestedFix": "Use a consistent high-contrast :focus-visible ring across templates and provide at least 24×24 CSS px targets, preferably 44×44 for primary touch controls.", "effort": "small", "artifacts": [ "evidence/home-probe.json", "evidence/article-probe.json" ] }, { "id": "F07", "pathId": "home", "url": "https://www.hln.be", "principleId": "be-fast-and-stable", "principleCheckId": "good-core-web-vitals", "guidanceId": "performance", "guidanceCategory": "performance", "severity": "medium", "confidence": "high", "summary": "The mobile homepage has a poor layout-stability result.", "evidence": "The 360×800 layout capture measured CLS 0.160156 with a single shift at about 5.08 s; Lighthouse also measured cold-load LCP at 3.7 s on home and 4.2 s on the article.", "suggestedFix": "Reserve space for late advertising/personalisation modules and prioritise the actual LCP image while deferring non-critical work.", "effort": "medium", "artifacts": [ "evidence/home-mobile-layout.json", "evidence/home-lighthouse.json", "evidence/article-lighthouse.json" ] }, { "id": "F08", "pathId": "home", "url": "https://www.hln.be", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-resource-delivery", "guidanceId": "optimize-script-priority", "guidanceCategory": "performance", "severity": "high", "confidence": "high", "summary": "The homepage loads a disproportionate network payload before the user asks for rich media.", "evidence": "HAR recorded 143 requests and 7,769,884 transferred bytes. Seven video-segment requests contributed 4,388,646 bytes, while scripts contributed 2,445,626 bytes.", "suggestedFix": "Do not fetch video segments until the player is near the viewport or activated; delay advertising, experimentation and analytics scripts by user value and priority.", "effort": "large", "artifacts": [ "evidence/home.har", "evidence/home-summary.json" ] }, { "id": "F09", "pathId": "article", "url": "https://www.hln.be/buitenland/een-dode-bij-gijzeling-in-duitse-bank-man-met-mes-bedreigt-verschillende-mensen~a61d64bf/", "principleId": "be-fast-and-stable", "principleCheckId": "trim-unused-and-duplicate-code", "guidanceId": "identify-heavy-scripts", "guidanceCategory": "performance", "severity": "medium", "confidence": "high", "summary": "Third-party and duplicated script work dominates page delivery.", "evidence": "The article HAR recorded 72 scripts and 2,749,557 script bytes; the live script inventory includes repeated pexi.js loads plus advertising, survey, experimentation and analytics libraries.", "suggestedFix": "Inventory third-party value, remove duplicate loader instances, conditionally load integrations, and apply performance budgets per template.", "effort": "large", "artifacts": [ "evidence/article.har", "evidence/article-summary.json", "evidence/article-metadata-scripts.json" ] }, { "id": "F10", "pathId": "home", "url": "https://www.hln.be", "principleId": "be-inclusive", "principleCheckId": "names-roles-labels", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "severity": "medium", "confidence": "high", "summary": "Some controls and content images lack robust accessible names.", "evidence": "The home probe found one unlabelled visible input; the input inventory shows the required newsletter email field has no label or aria-label. The image audit found 100 home images without alt values, including story imagery.", "suggestedFix": "Label newsletter/search inputs programmatically and give meaningful story images concise alt text, using empty alt only when adjacent link text makes the image decorative.", "effort": "medium", "artifacts": [ "evidence/home-inputs.json", "evidence/home-images.json" ] }, { "id": "F11", "pathId": "article", "url": "https://www.hln.be/buitenland/een-dode-bij-gijzeling-in-duitse-bank-man-met-mes-bedreigt-verschillende-mensen~a61d64bf/", "principleId": "be-inclusive", "principleCheckId": "structure-and-focus", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "severity": "medium", "confidence": "high", "summary": "Heading structure skips levels and differs between templates.", "evidence": "The article probe jumps from H1 to an H6 newsletter heading before H2; Lighthouse also flags non-sequential heading order in the consent surface.", "suggestedFix": "Use headings for document hierarchy rather than visual size and keep levels sequential in shared widgets and the consent experience.", "effort": "small", "artifacts": [ "evidence/article-probe.json", "evidence/home-lighthouse-summary.json" ] }, { "id": "F12", "pathId": "article", "url": "https://www.hln.be/buitenland/een-dode-bij-gijzeling-in-duitse-bank-man-met-mes-bedreigt-verschillende-mensen~a61d64bf/", "principleId": "follow-best-practices", "principleCheckId": "sound-document-and-assets", "guidanceId": "html", "guidanceCategory": "html", "severity": "medium", "confidence": "high", "summary": "Article assets are not consistently dimensioned or responsive.", "evidence": "The article image audit found 8 images without dimensions, 12 oversized images, 53 without srcset and 29 legacy-format images.", "suggestedFix": "Emit width/height or aspect-ratio for every image and provide responsive AVIF/WebP sources sized to each card slot.", "effort": "medium", "artifacts": [ "evidence/article-images.json" ] }, { "id": "F13", "pathId": "home", "url": "https://www.hln.be", "principleId": "follow-best-practices", "principleCheckId": "browser-platform-hygiene", "guidanceId": "html", "guidanceCategory": "html", "severity": "low", "confidence": "medium", "summary": "The consent journey prevents back/forward cache restoration and raises browser issues.", "evidence": "Lighthouse reports three BFCache failure reasons around Cache-Control: no-store and a DevTools cookie issue.", "suggestedFix": "Keep no-store scoped to genuinely sensitive responses and ensure the consent handoff does not unnecessarily disqualify the content page from BFCache.", "effort": "medium", "artifacts": [ "evidence/home-lighthouse-summary.json" ] }, { "id": "F14", "pathId": "home", "url": "https://www.hln.be", "principleId": "be-private-and-secure", "principleCheckId": "secure-transport-and-headers", "guidanceId": "security", "guidanceCategory": "security", "severity": "high", "confidence": "high", "summary": "Cookie and CSP configuration weakens otherwise strong transport security.", "evidence": "Headers include HSTS, nosniff and X-Frame-Options, but CSP permits unsafe-inline and unsafe-eval. The cookie audit found 22 of 24 cookies lacking Secure and many SameSite=None cookies.", "suggestedFix": "Move to nonce/hash-based CSP without unsafe-eval and mark all HTTPS cookies Secure; use Lax/Strict unless cross-site delivery is essential.", "effort": "large", "artifacts": [ "evidence/headers.json", "evidence/cookies.json" ] }, { "id": "F15", "pathId": "home", "url": "https://www.hln.be", "principleId": "be-private-and-secure", "principleCheckId": "data-minimisation-and-third-parties", "guidanceId": "privacy", "guidanceCategory": "privacy", "severity": "high", "confidence": "high", "summary": "The default page has an extensive advertising and tracking footprint.", "evidence": "The tracker capture saw 50 third-party origins and 11 known tracker domains. The HAR classified 137 of 143 requests and 7.66 MB of 7.77 MB as cross-origin.", "suggestedFix": "Reduce vendors to those with demonstrated user value, gate non-essential collection on consent, batch analytics, and proxy or self-host essential static assets where practical.", "effort": "large", "artifacts": [ "evidence/trackers.json", "evidence/home-summary.json" ] }, { "id": "F16", "pathId": "login", "url": "https://www.hln.be", "principleId": "be-private-and-secure", "principleCheckId": "in-context-permissions-and-modern-auth", "guidanceId": "passkey-authentication", "guidanceCategory": "passkeys", "severity": "medium", "confidence": "high", "summary": "The tested login path is blocked and offers no passkey route.", "evidence": "Navigating to /login ends on a 406 “Inlogpoging geblokkeerd” page. It instructs users to go back and use an emailed six-digit code, but presents no actionable return link or phishing-resistant passkey option.", "suggestedFix": "Provide a direct recovery action on the blocked state and offer WebAuthn/passkeys as the primary sign-in method, retaining email code as recovery.", "effort": "large", "artifacts": [ "evidence/login-mobile.png", "evidence/login-dom.json" ] }, { "id": "F17", "pathId": "article", "url": "https://www.hln.be/buitenland/een-dode-bij-gijzeling-in-duitse-bank-man-met-mes-bedreigt-verschillende-mensen~a61d64bf/", "principleId": "be-resilient", "principleCheckId": "progressive-enhancement", "guidanceId": "stabilize-reactive-state", "guidanceCategory": "user-experience", "severity": "high", "confidence": "high", "summary": "Core news content is not present in the raw no-JavaScript response for a generic crawler.", "evidence": "Discoverability fetches for home and article each saw about 8 KB of raw HTML, only 3 content tokens, no title/H1/description and 0% rendered-word coverage because the response is a privacy-gate shell.", "suggestedFix": "Return server-rendered title, metadata, navigation and article body in the initial response; enhance consent and personalisation without replacing core content.", "effort": "large", "artifacts": [ "evidence/article-discoverability.json", "evidence/article-discoverability-crawler.png", "evidence/article-discoverability-rendered.png" ] }, { "id": "F18", "pathId": "home", "url": "https://www.hln.be", "principleId": "be-resilient", "principleCheckId": "offline-and-installable", "guidanceId": "conditional-async-dependencies", "guidanceCategory": "performance", "severity": "medium", "confidence": "high", "summary": "The install manifest is not backed by an active offline experience.", "evidence": "The home and article probes find a manifest but no controlling service worker; no offline fallback is available for a news product whose read path benefits from flaky-network resilience.", "suggestedFix": "Add a narrowly scoped service worker with an offline shell and cached recently read articles, while keeping live content network-first.", "effort": "large", "artifacts": [ "evidence/home-probe.json", "evidence/manifest.json" ] }, { "id": "F19", "pathId": "home", "url": "https://www.hln.be", "principleId": "be-trustworthy", "principleCheckId": "trustworthy-input-assistance", "guidanceId": "autofill-sign-up-form", "guidanceCategory": "forms", "severity": "low", "confidence": "high", "summary": "Newsletter email inputs omit autocomplete hints.", "evidence": "The home input inventory shows both email fields with an empty autocomplete value, and the required compact newsletter field has no programmatic label.", "suggestedFix": "Set autocomplete=\"email\" and provide persistent programmatic labels for newsletter fields.", "effort": "small", "artifacts": [ "evidence/home-inputs.json" ] }, { "id": "F20", "pathId": "login", "url": "https://www.hln.be", "principleId": "be-trustworthy", "principleCheckId": "safe-commercial-and-account-flows", "guidanceId": "passkey-management", "guidanceCategory": "passkeys", "severity": "medium", "confidence": "high", "summary": "The account entry flow dead-ends in the audited environment.", "evidence": "The 406 blocked-login page contains instructions but no button or link back to the alternative code flow, so the user cannot continue from the state presented.", "suggestedFix": "Add a visible “Continue with email code” action, preserve the original return URL, and expose account/cancellation recovery without requiring browser-back guesswork.", "effort": "medium", "artifacts": [ "evidence/login-mobile.png" ] }, { "id": "F21", "pathId": "article", "url": "https://www.hln.be/buitenland/een-dode-bij-gijzeling-in-duitse-bank-man-met-mes-bedreigt-verschillende-mensen~a61d64bf/", "principleId": "be-sustainable", "principleCheckId": "optimised-assets", "guidanceId": "deliver-optimized-decorative-images", "guidanceCategory": "user-experience", "severity": "medium", "confidence": "high", "summary": "Article recommendations ship oversized and legacy media.", "evidence": "The article image audit found 12 oversized images, 53 without responsive sources and 29 legacy-format assets, including 480 px GIF/JPEG thumbnails displayed at 112 px.", "suggestedFix": "Generate AVIF/WebP responsive variants at card dimensions and avoid animated GIF for preview motion.", "effort": "medium", "artifacts": [ "evidence/article-images.json" ] }, { "id": "F22", "pathId": "home", "url": "https://www.hln.be", "principleId": "be-sustainable", "principleCheckId": "no-wasteful-work", "guidanceId": "deprioritize-background-fetches", "guidanceCategory": "performance", "severity": "high", "confidence": "high", "summary": "Background video and vendor work consumes megabytes without an explicit play action.", "evidence": "The home probe found no autoplay media element, yet the HAR downloaded seven HLS segments totalling 4.39 MB and contacted 50 third-party origins during initial load.", "suggestedFix": "Deprioritise and condition video/ad requests on viewport proximity, explicit playback, consent and idle time; cancel work when hidden.", "effort": "large", "artifacts": [ "evidence/home-summary.json", "evidence/trackers.json" ] }, { "id": "F23", "pathId": "home", "url": "https://www.hln.be", "principleId": "be-sustainable", "principleCheckId": "third-party-and-media-budget", "guidanceId": "efficient-background-processing", "guidanceCategory": "performance", "severity": "high", "confidence": "high", "summary": "Third-party media cost is disproportionate to a news homepage first view.", "evidence": "Cross-origin resources account for 7.66 MB of 7.77 MB transferred on the homepage, including video, player, tag-manager, advertising and experimentation payloads.", "suggestedFix": "Set per-template third-party and media budgets and enforce them in delivery, loading only the lightest assets needed for the visible story list.", "effort": "large", "artifacts": [ "evidence/home.har", "evidence/home-summary.json" ] }, { "id": "F24", "pathId": "article", "url": "https://www.hln.be/buitenland/een-dode-bij-gijzeling-in-duitse-bank-man-met-mes-bedreigt-verschillende-mensen~a61d64bf/", "principleId": "be-agent-ready", "principleCheckId": "structured-agent-capabilities", "guidanceId": "webmcp", "guidanceCategory": "webmcp", "severity": "low", "confidence": "high", "summary": "The site deliberately blocks major AI agents and exposes no structured action interface.", "evidence": "robots.txt disallows GPTBot, ChatGPT-User, ClaudeBot, Google-Extended, Perplexity and many peers; captured DOM has no WebMCP/agent-tool surface, although article JSON-LD is strong.", "suggestedFix": "If agent reach is desired, define an explicit AI crawler policy and expose safe search/article capabilities through structured tools while retaining authorization boundaries.", "effort": "medium", "artifacts": [ "evidence/robots.txt", "evidence/article-metadata-scripts.json" ] } ], "taskList": [ { "id": "T01", "title": "Stop eager background video and rationalise third-party delivery", "priority": 1, "findingIds": [ "F08", "F09", "F15", "F22", "F23" ], "guidanceId": "deprioritize-background-fetches", "status": "open" }, { "id": "T02", "title": "Restore server-rendered core content through the privacy handoff", "priority": 2, "findingIds": [ "F17" ], "guidanceId": "stabilize-reactive-state", "status": "open" }, { "id": "T03", "title": "Harden CSP and cookie flags", "priority": 3, "findingIds": [ "F14" ], "guidanceId": "security", "status": "open" }, { "id": "T04", "title": "Reserve late module space and improve LCP priority", "priority": 4, "findingIds": [ "F07" ], "guidanceId": "optimize-image-priority", "status": "open" }, { "id": "T05", "title": "Repair labels, headings, focus rings and touch targets", "priority": 5, "findingIds": [ "F06", "F10", "F11" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T06", "title": "Optimise and dimension responsive images", "priority": 6, "findingIds": [ "F12", "F21" ], "guidanceId": "deliver-optimized-decorative-images", "status": "open" }, { "id": "T07", "title": "Respect dark and reduced-motion preferences", "priority": 7, "findingIds": [ "F01", "F02" ], "guidanceId": "dark-mode", "status": "open" }, { "id": "T08", "title": "Make login recovery actionable and add passkeys", "priority": 8, "findingIds": [ "F16", "F20" ], "guidanceId": "passkey-authentication", "status": "open" }, { "id": "T09", "title": "Add resilient offline reading support", "priority": 9, "findingIds": [ "F18" ], "guidanceId": "conditional-async-dependencies", "status": "open" }, { "id": "T10", "title": "Adopt container queries, scroll-state UI and view transitions", "priority": 10, "findingIds": [ "F03", "F04", "F05" ], "guidanceId": "size-aware-styling", "status": "open" }, { "id": "T11", "title": "Add email autofill hints", "priority": 11, "findingIds": [ "F19" ], "guidanceId": "autofill-sign-up-form", "status": "open" }, { "id": "T12", "title": "Define intentional agent access and structured capabilities", "priority": 12, "findingIds": [ "F24" ], "guidanceId": "webmcp", "status": "open" }, { "id": "T13", "title": "Remove consent-related BFCache blockers", "priority": 13, "findingIds": [ "F13" ], "guidanceId": "html", "status": "open" } ], "budget": { "wallClockSeconds": 1900, "pathCount": 8, "auditPasses": 1 }, "agent": "pi", "runId": "2026-07-23T15-39-22-978Z" }