{ "url": "https://www.cmoa.jp", "auditedAt": "2026-07-21T03:57:38.065Z", "mode": "report", "status": "completed", "statusDetail": "Coverage complete: all 58 catalog checks have conclusive outcomes. Representative coverage includes home, listing, detail, reader, search, login, registration, and recovery; checkout/payment completion, post-auth account management, adult surfaces, community, and every genre template were not covered because they require credentials/commitment or duplicate the sampled catalog templates.", "page": { "appType": "mpa", "framework": "server-rendered legacy MPA with jQuery, Axios, Swiper and Slick", "notes": "Japanese electronic-comics commerce/catalog. Desktop-first fixed shell on main public pages; auth uses a separate responsive template." }, "evidenceUsed": [ "screenshot", "dom", "layout-metrics", "evaluate-probe", "trace", "har", "discoverability", "images", "headers", "cookies", "trackers", "secrets", "heap-summary", "lighthouse", "Modern Web Guidance 0.0.172" ], "guidanceConsulted": [ "accessibility", "accessible-error-announcement", "adapt-scrollbar-to-contrast-preferences", "agentic-forms", "agentic-javascript-tools", "anchor-positioning-tab-underline", "autofill-address-form", "autofill-highlight-inputs", "autofill-sign-in-form", "autofill-sign-up-form", "break-up-long-tasks", "calculate-event-differentials", "capture-location-agnostic-data", "carousel-slide-effects", "component-specific-light-dark-theme", "coordinate-global-events", "css", "css-layout", "dark-mode", "declarative-dialog-popover-control", "defer-rendering-heavy-content", "deliver-optimized-decorative-images", "deprioritize-background-fetches", "efficient-background-processing", "export-html-media-from-canvas", "flicker-free-client-side-ab-testing", "fluid-scaling", "forms", "html", "language-model", "light-dismiss-a-dialog", "manage-recurring-intervals", "move-dom-element-without-losing-state", "navigation-drawer", "optimize-image-priority", "optimize-script-priority", "passkey-authentication", "passkey-conditional-create", "passkey-reauthentication", "passkey-registration", "passkeys", "performance", "persistent-app-tours", "persistent-top-layer-ui", "position-aware-tooltips", "privacy", "pull-to-reveal", "required-field-feedback", "resilient-context-menus-and-nested-dropdowns", "scroll-entry-exit-effects", "scroll-position-aware-elements", "scrollability-affordance-hints", "search-hidden-content", "security", "size-aware-styling", "stack-drill-down", "support-global-calendar-systems", "translator", "validate-input-after-interaction", "visually-texture-content", "webmcp" ], "artifacts": [ { "type": "other", "path": "evidence/cookies.json", "caption": "Audit evidence: cookies.json", "findingIds": [ "F24" ] }, { "type": "other", "path": "evidence/css-script-probe.json", "caption": "Audit evidence: css-script-probe.json", "findingIds": [ "F01", "F13", "F14", "F22", "F31" ] }, { "type": "screenshot", "path": "evidence/detail-desktop.png", "caption": "Audit evidence: detail-desktop.png", "findingIds": [] }, { "type": "other", "path": "evidence/detail-images.json", "caption": "Audit evidence: detail-images.json", "findingIds": [ "F15", "F21" ] }, { "type": "layout", "path": "evidence/detail-mobile-layout.json", "caption": "Audit evidence: detail-mobile-layout.json", "condition": "viewport: 360x800", "findingIds": [] }, { "type": "screenshot", "path": "evidence/detail-mobile.png", "caption": "Audit evidence: detail-mobile.png", "condition": "viewport: 360x800", "findingIds": [ "F06", "F07", "F18" ] }, { "type": "other", "path": "evidence/detail-probe.json", "caption": "Audit evidence: detail-probe.json", "findingIds": [ "F02", "F04", "F28" ] }, { "type": "discoverability", "path": "evidence/discover-detail", "caption": "Audit evidence: discover-detail", "findingIds": [] }, { "type": "screenshot", "path": "evidence/discover-detail-crawler.png", "caption": "Audit evidence: discover-detail-crawler.png", "findingIds": [] }, { "type": "screenshot", "path": "evidence/discover-detail-rendered.png", "caption": "Audit evidence: discover-detail-rendered.png", "findingIds": [] }, { "type": "discoverability", "path": "evidence/discover-home", "caption": "Audit evidence: discover-home", "findingIds": [] }, { "type": "screenshot", "path": "evidence/discover-home-crawler.png", "caption": "Audit evidence: discover-home-crawler.png", "findingIds": [ "F23" ] }, { "type": "screenshot", "path": "evidence/discover-home-rendered.png", "caption": "Audit evidence: discover-home-rendered.png", "findingIds": [ "F23" ] }, { "type": "other", "path": "evidence/error-404-probe.json", "caption": "Audit evidence: error-404-probe.json", "findingIds": [] }, { "type": "dom", "path": "evidence/freecontents-dom.json", "caption": "Audit evidence: freecontents-dom.json", "findingIds": [] }, { "type": "layout", "path": "evidence/freecontents-mobile-layout.json", "caption": "Audit evidence: freecontents-mobile-layout.json", "condition": "viewport: 360x800", "findingIds": [] }, { "type": "screenshot", "path": "evidence/freecontents-mobile.png", "caption": "Audit evidence: freecontents-mobile.png", "condition": "viewport: 360x800", "findingIds": [] }, { "type": "other", "path": "evidence/guidance-list.json", "caption": "Audit evidence: guidance-list.json", "findingIds": [] }, { "type": "other", "path": "evidence/guidance-search-context.jsonl", "caption": "Audit evidence: guidance-search-context.jsonl", "findingIds": [] }, { "type": "other", "path": "evidence/guidance-search-platform.jsonl", "caption": "Audit evidence: guidance-search-platform.jsonl", "findingIds": [] }, { "type": "other", "path": "evidence/guidance-search-quality.jsonl", "caption": "Audit evidence: guidance-search-quality.jsonl", "findingIds": [] }, { "type": "other", "path": "evidence/guidance-search-ux.jsonl", "caption": "Audit evidence: guidance-search-ux.jsonl", "findingIds": [] }, { "type": "other", "path": "evidence/headers.json", "caption": "Audit evidence: headers.json", "findingIds": [ "F24", "F27" ] }, { "type": "heap", "path": "evidence/heap-baseline.heapsnapshot", "caption": "Audit evidence: heap-baseline.heapsnapshot", "findingIds": [] }, { "type": "heap", "path": "evidence/heap-post.heapsnapshot", "caption": "Audit evidence: heap-post.heapsnapshot", "findingIds": [] }, { "type": "screenshot", "path": "evidence/home-contrast.png", "caption": "Audit evidence: home-contrast.png", "condition": "prefers-contrast: more", "findingIds": [ "F16" ] }, { "type": "screenshot", "path": "evidence/home-dark.png", "caption": "Audit evidence: home-dark.png", "condition": "prefers-color-scheme: dark", "findingIds": [ "F01" ] }, { "type": "screenshot", "path": "evidence/home-desktop.png", "caption": "Audit evidence: home-desktop.png", "findingIds": [] }, { "type": "other", "path": "evidence/home-images.json", "caption": "Audit evidence: home-images.json", "findingIds": [ "F11", "F21", "F30" ] }, { "type": "layout", "path": "evidence/home-mobile-layout.json", "caption": "Audit evidence: home-mobile-layout.json", "condition": "viewport: 360x800", "findingIds": [ "F03", "F07", "F18" ] }, { "type": "screenshot", "path": "evidence/home-mobile.png", "caption": "Audit evidence: home-mobile.png", "condition": "viewport: 360x800", "findingIds": [ "F06", "F07", "F09", "F18" ] }, { "type": "other", "path": "evidence/home-probe.json", "caption": "Audit evidence: home-probe.json", "findingIds": [ "F05", "F07", "F08", "F09", "F17", "F19", "F29" ] }, { "type": "other", "path": "evidence/home-summary.json", "caption": "Audit evidence: home-summary.json", "findingIds": [ "F12", "F13", "F20", "F25", "F30", "F31", "F32" ] }, { "type": "trace-summary", "path": "evidence/home-trace-summary.json", "caption": "Audit evidence: home-trace-summary.json", "findingIds": [ "F10" ] }, { "type": "trace", "path": "evidence/home-trace.json", "caption": "Audit evidence: home-trace.json", "findingIds": [ "F10" ] }, { "type": "har", "path": "evidence/home.har", "caption": "Audit evidence: home.har", "findingIds": [ "F13", "F25" ] }, { "type": "dom", "path": "evidence/join-dom.json", "caption": "Audit evidence: join-dom.json", "findingIds": [] }, { "type": "screenshot", "path": "evidence/join-mobile.png", "caption": "Audit evidence: join-mobile.png", "condition": "viewport: 360x800", "findingIds": [] }, { "type": "lighthouse", "path": "evidence/lighthouse-home-summary.json", "caption": "Audit evidence: lighthouse-home-summary.json", "findingIds": [ "F09", "F10", "F11", "F12", "F13", "F14", "F15", "F16", "F17", "F19", "F20", "F21", "F22", "F23", "F31" ] }, { "type": "lighthouse", "path": "evidence/lighthouse-home.json", "caption": "Audit evidence: lighthouse-home.json", "findingIds": [] }, { "type": "dom", "path": "evidence/login-dom.json", "caption": "Audit evidence: login-dom.json", "findingIds": [ "F19", "F26" ] }, { "type": "screenshot", "path": "evidence/login-mobile.png", "caption": "Audit evidence: login-mobile.png", "condition": "viewport: 360x800", "findingIds": [ "F26", "F29" ] }, { "type": "dom", "path": "evidence/reader-dom.json", "caption": "Audit evidence: reader-dom.json", "findingIds": [] }, { "type": "screenshot", "path": "evidence/reader-mobile.png", "caption": "Audit evidence: reader-mobile.png", "condition": "viewport: 360x800", "findingIds": [] }, { "type": "dom", "path": "evidence/recon-dom.json", "caption": "Audit evidence: recon-dom.json", "findingIds": [ "F02", "F03", "F04", "F05", "F08", "F28" ] }, { "type": "other", "path": "evidence/reduced-motion-probe.json", "caption": "Audit evidence: reduced-motion-probe.json", "findingIds": [] }, { "type": "other", "path": "evidence/robots-sitemap.json", "caption": "Audit evidence: robots-sitemap.json", "findingIds": [] }, { "type": "dom", "path": "evidence/search-dom.json", "caption": "Audit evidence: search-dom.json", "findingIds": [] }, { "type": "layout", "path": "evidence/search-mobile-layout.json", "caption": "Audit evidence: search-mobile-layout.json", "condition": "viewport: 360x800", "findingIds": [] }, { "type": "screenshot", "path": "evidence/search-mobile.png", "caption": "Audit evidence: search-mobile.png", "condition": "viewport: 360x800", "findingIds": [] }, { "type": "other", "path": "evidence/search-probe.json", "caption": "Audit evidence: search-probe.json", "findingIds": [ "F15", "F29" ] }, { "type": "other", "path": "evidence/secrets.json", "caption": "Audit evidence: secrets.json", "findingIds": [] }, { "type": "other", "path": "evidence/trackers.json", "caption": "Audit evidence: trackers.json", "findingIds": [ "F25", "F32" ] } ], "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": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The dark-condition screenshot is visually identical to the light surface, and the CSS probe reports color-scheme: normal with a white body.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-dark.png", "evidence/css-script-probe.json" ], "findingIds": [ "F01" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-reduced-motion", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Under prefers-reduced-motion: reduce the page reports zero active animations and scroll-behavior auto.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/reduced-motion-probe.json" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-contrast", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Lighthouse failed color-contrast, while the contrast-preference screenshot remains unchanged from default.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-contrast.png" ], "findingIds": [ "F16" ] }, { "principleId": "implement-natural-interactions", "checkId": "view-transitions", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "DOM/CSS inspection found no authored view-transition rules; representative page changes are full abrupt swaps.", "pathIds": [ "home" ], "artifacts": [ "evidence/recon-dom.json", "evidence/detail-probe.json" ], "findingIds": [ "F02" ] }, { "principleId": "implement-natural-interactions", "checkId": "scroll-driven-animations", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "DOM/CSS and runtime probes found no scroll-linked animation or scroll event-driven visual effect, so there is no main-thread scroll animation anti-pattern.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/recon-dom.json" ] }, { "principleId": "implement-natural-interactions", "checkId": "physical-gestures", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Representative catalog, detail, search, and reader paths use native scrolling/click activation and showed no custom pointer gesture that fights platform behavior.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/recon-dom.json" ] }, { "principleId": "provide-guided-navigation", "checkId": "scroll-state-aware-chrome", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The homepage is over 11,000 CSS px tall, while DOM/CSS inspection found no scroll-state container query or progress treatment.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-mobile-layout.json", "evidence/recon-dom.json" ], "findingIds": [ "F03" ] }, { "principleId": "provide-guided-navigation", "checkId": "anchored-positioning", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "CSS places sideRightMenu absolutely at top:69px/right:14px and the account menu at fixed offsets; no anchor-name/position-anchor/position-try was found.", "pathIds": [ "home" ], "artifacts": [ "evidence/recon-dom.json", "evidence/detail-probe.json" ], "findingIds": [ "F04" ] }, { "principleId": "provide-guided-navigation", "checkId": "directs-attention", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Breadcrumbs, explicit section headings, descriptive links, and highlighted genre tabs preserve location and next-step context.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/recon-dom.json" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "no-intrusive-interruptions", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Fresh-load screenshots across home, listing, detail and auth show no content-blocking modal or full-viewport interstitial.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/recon-dom.json" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "semantic-dismissible-primitives", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The probe found zero dialog, popover, or details elements while DOM CSS shows class-toggled custom menu overlays and close controls.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/recon-dom.json" ], "findingIds": [ "F05" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "reduced-chrome", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The first mobile-scaled viewport contains multiple navigation bars, a safety-search block, sidebar calls to action, and several stacked campaign banners before/alongside core books.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-mobile.png", "evidence/detail-mobile.png" ], "findingIds": [ "F06" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "responsive-no-horizontal-scroll", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "At a 360x800 emulation, layout metrics report clientWidth/innerWidth 1024 because the viewport is width=1024; screenshots show tiny desktop text and controls.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-mobile.png", "evidence/detail-mobile.png", "evidence/home-mobile-layout.json", "evidence/home-probe.json" ], "findingIds": [ "F07" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "component-level-responsiveness", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The probe found zero container rules; authored CSS repeatedly fixes the main shell and common regions at 990px.", "pathIds": [ "home" ], "artifacts": [ "evidence/recon-dom.json", "evidence/home-probe.json" ], "findingIds": [ "F08" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "input-modality-aware", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The probe counted 120 visible targets below 24px in one dimension, Lighthouse failed target-size, and the scaled mobile shell makes controls materially smaller.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/lighthouse-home-summary.json", "evidence/home-mobile.png" ], "findingIds": [ "F09" ] }, { "principleId": "support-core-task-success", "checkId": "clear-purpose-and-primary-action", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Homepage, listing and detail clearly identify comics and expose search, free reading, sample, registration and purchase actions.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/home-desktop.png", "evidence/detail-desktop.png" ] }, { "principleId": "support-core-task-success", "checkId": "primary-flow-completion", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "The catalog-to-detail-to-free-reader journey completed; the reader redirected to a populated speedreader page with the correct title.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/reader-mobile.png", "evidence/reader-dom.json" ] }, { "principleId": "support-core-task-success", "checkId": "clear-system-state-and-recovery", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "A deliberately missing route renders a detailed error state with back/retry advice and links to search, rankings, free content, help and top.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/error-404-probe.json" ] }, { "principleId": "be-fast-and-stable", "checkId": "good-core-web-vitals", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Mobile Lighthouse measured LCP 16.3s, CLS 0.662, TBT 230ms and performance 0.33; an unconstrained desktop trace was faster (LCP 1.41s), showing the mobile/throttled risk.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-trace-summary.json", "evidence/home-trace.json" ], "findingIds": [ "F10" ] }, { "principleId": "be-fast-and-stable", "checkId": "visual-stability", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Lighthouse reported CLS 0.662 and two layout shifts; the image audit found 31 homepage images without dimensions.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-images.json" ], "findingIds": [ "F11" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-main-thread", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Lighthouse reported 2.6s main-thread work and 1.3s JavaScript execution; the page loads 58 scripts.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-summary.json" ], "findingIds": [ "F12" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-resource-delivery", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "HAR confirms parser-inserted blocking jQuery, Axios and cookie scripts plus five stylesheets; Lighthouse estimates 1.03s render-blocking and 2,209KiB cache savings.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/css-script-probe.json", "evidence/lighthouse-home-summary.json", "evidence/home.har" ], "findingIds": [ "F13" ] }, { "principleId": "be-fast-and-stable", "checkId": "trim-unused-and-duplicate-code", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Lighthouse estimates 862KiB unused JavaScript and 13KiB unused CSS; DOM inspection shows duplicate Axios, jquery.cookie, Yahoo and LINE/TikTok loaders.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/css-script-probe.json" ], "findingIds": [ "F14" ] }, { "principleId": "be-inclusive", "checkId": "names-roles-labels", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Lighthouse fails image-alt, input-image-alt and link-name; search inspection found unlabeled text/select fields, and the detail image audit found 74 images without alt.", "pathIds": [ "search" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/search-probe.json", "evidence/detail-images.json" ], "findingIds": [ "F15" ] }, { "principleId": "be-inclusive", "checkId": "sufficient-contrast", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Lighthouse failed color-contrast, while the contrast-preference screenshot remains unchanged from default.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-contrast.png" ], "findingIds": [ "F16" ] }, { "principleId": "be-inclusive", "checkId": "structure-and-focus", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Lighthouse reports non-sequential headings and no main landmark; the page jumps from H2/H3 to H4 and uses many role-bearing fragments without a main region.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-probe.json" ], "findingIds": [ "F17" ] }, { "principleId": "be-inclusive", "checkId": "legible-text", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The 360px screenshots render a 1024px canvas at 0.3516 scale, reducing already-small 9px to 13px labels to a few physical pixels.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-mobile.png", "evidence/detail-mobile.png", "evidence/home-mobile-layout.json" ], "findingIds": [ "F18" ] }, { "principleId": "be-inclusive", "checkId": "zoom-reflow-targets-and-media", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Homepage uses width=1024; the login viewport includes maximum-scale=1 and user-scalable=0; Lighthouse fails meta-viewport and target-size.", "pathIds": [ "login" ], "artifacts": [ "evidence/home-probe.json", "evidence/login-dom.json", "evidence/lighthouse-home-summary.json" ], "findingIds": [ "F19" ] }, { "principleId": "follow-best-practices", "checkId": "no-console-errors", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Lighthouse explicitly failed errors-in-console; HAR also records blocked/aborted marketing requests.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-summary.json" ], "findingIds": [ "F20" ] }, { "principleId": "follow-best-practices", "checkId": "sound-document-and-assets", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The image audit found 31 homepage and 42 detail images missing dimensions; Lighthouse also failed unsized-images.", "pathIds": [ "detail" ], "artifacts": [ "evidence/home-images.json", "evidence/detail-images.json", "evidence/lighthouse-home-summary.json" ], "findingIds": [ "F21" ] }, { "principleId": "follow-best-practices", "checkId": "browser-platform-hygiene", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Lighthouse failed inspector-issues and BFCache with three failure reasons; the page also loads many legacy scripts and duplicated integrations.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/css-script-probe.json" ], "findingIds": [ "F22" ] }, { "principleId": "be-discoverable", "checkId": "title-and-description", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Homepage and product have unique descriptive titles and meta descriptions in raw and rendered HTML.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/discover-home-rendered.png", "evidence/discover-home-crawler.png", "evidence/discover-detail-rendered.png", "evidence/discover-detail-crawler.png" ] }, { "principleId": "be-discoverable", "checkId": "crawlable-and-mobile-friendly", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Lighthouse failed crawlable-anchors. This coexists with 100% raw-content coverage and hundreds of valid href links, so the defect is limited rather than a JS-shell failure.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/discover-home-rendered.png", "evidence/discover-home-crawler.png" ], "findingIds": [ "F23" ] }, { "principleId": "be-discoverable", "checkId": "canonical-and-indexing-signals", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Both tested public pages returned 200, expose matching canonicals, and are present in server-rendered HTML without accidental noindex.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/discover-home-rendered.png", "evidence/discover-home-crawler.png", "evidence/discover-detail-rendered.png", "evidence/discover-detail-crawler.png" ] }, { "principleId": "be-discoverable", "checkId": "structured-and-shareable-metadata", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Product includes Product, Book and Breadcrumb JSON-LD plus matching Open Graph title, description, URL and image.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/discover-home-rendered.png", "evidence/discover-home-crawler.png", "evidence/discover-detail-rendered.png", "evidence/discover-detail-crawler.png" ] }, { "principleId": "be-private-and-secure", "checkId": "secure-transport-and-headers", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "HTTPS and frame-ancestors are present, but HSTS and nosniff are missing; 27 of 29 cookies lack Secure and many use SameSite=None.", "pathIds": [ "home" ], "artifacts": [ "evidence/headers.json", "evidence/cookies.json" ], "findingIds": [ "F24" ] }, { "principleId": "be-private-and-secure", "checkId": "data-minimisation-and-third-parties", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The tracker capture sees 42 third-party origins and Google, Facebook, DoubleClick, TikTok, Twitter, LINE, Yahoo and others; HAR records 328 third-party requests and about 5.09MB transferred.", "pathIds": [ "home" ], "artifacts": [ "evidence/trackers.json", "evidence/home-summary.json", "evidence/home.har" ], "findingIds": [ "F25" ] }, { "principleId": "be-private-and-secure", "checkId": "in-context-permissions-and-modern-auth", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The login screenshot exposes email/password and six social identity choices; inspected auth markup contains no WebAuthn/passkey signal. No permission prompt fired on load.", "pathIds": [ "login" ], "artifacts": [ "evidence/login-mobile.png", "evidence/login-dom.json" ], "findingIds": [ "F26" ] }, { "principleId": "be-private-and-secure", "checkId": "defensive-browser-policies", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Headers lack HSTS, Referrer-Policy and nosniff; Permissions-Policy only grants client-hint features and CSP only sets frame-ancestors.", "pathIds": [ "home" ], "artifacts": [ "evidence/headers.json" ], "findingIds": [ "F27" ] }, { "principleId": "be-resilient", "checkId": "progressive-enhancement", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Discoverability measured 100% homepage and 95% product content coverage without JavaScript; core content is server-rendered.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/discover-home-rendered.png", "evidence/discover-home-crawler.png", "evidence/discover-detail-rendered.png", "evidence/discover-detail-crawler.png" ] }, { "principleId": "be-resilient", "checkId": "resilient-runtime-behaviour", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Header dropdowns are class-toggled absolute boxes with fixed widths/offsets and no anchor fallback; the main site is fixed at 990px.", "pathIds": [ "home" ], "artifacts": [ "evidence/recon-dom.json", "evidence/detail-probe.json" ], "findingIds": [ "F28" ] }, { "principleId": "be-resilient", "checkId": "offline-and-installable", "status": "not-applicable", "confidence": "high", "method": "Contextual applicability judgement from representative-route recon.", "evidence": "This is a public commerce/content site rather than an installed app; an offline catalog/reader was not an evidenced product requirement.", "reason": "This is a public commerce/content site rather than an installed app; an offline catalog/reader was not an evidenced product requirement.", "pathIds": [ "home" ] }, { "principleId": "be-resilient", "checkId": "network-and-http-failure-states", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "The deliberately missing route presents a content-rich recovery screen with actionable destination links rather than a blank shell.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/recon-dom.json" ] }, { "principleId": "be-internationalised", "checkId": "lang-dir-and-logical-properties", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "The Japanese pages consistently set html lang=ja and render in the expected LTR reading direction; no alternate locale was declared.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/recon-dom.json" ] }, { "principleId": "be-internationalised", "checkId": "locale-aware-data", "status": "not-applicable", "confidence": "high", "method": "Contextual applicability judgement from representative-route recon.", "evidence": "The representative Japanese pages expose no user-entered or dynamic locale-sensitive date, number, currency, duration, or calendar workflow to test.", "reason": "The representative Japanese pages expose no user-entered or dynamic locale-sensitive date, number, currency, duration, or calendar workflow to test.", "pathIds": [ "home" ] }, { "principleId": "be-internationalised", "checkId": "time-zone-correctness", "status": "not-applicable", "confidence": "high", "method": "Contextual applicability judgement from representative-route recon.", "evidence": "No events, schedules, or user-facing time-zone-sensitive values occur in the representative paths.", "reason": "No events, schedules, or user-facing time-zone-sensitive values occur in the representative paths.", "pathIds": [ "home" ] }, { "principleId": "be-trustworthy", "checkId": "no-dark-patterns", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "The sampled pages show explicit free, sale, login and registration actions without confirmshaming, forced continuity, or a blocking consent wall.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/recon-dom.json" ] }, { "principleId": "be-trustworthy", "checkId": "humane-error-handling", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "The tested site error state explains likely causes and offers concrete recovery routes in neutral language.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/recon-dom.json" ] }, { "principleId": "be-trustworthy", "checkId": "trustworthy-input-assistance", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Search fields have empty autocomplete and no programmatic labels; homepage search explicitly disables autocomplete.", "pathIds": [ "search" ], "artifacts": [ "evidence/search-probe.json", "evidence/home-probe.json", "evidence/login-mobile.png" ], "findingIds": [ "F29" ] }, { "principleId": "be-trustworthy", "checkId": "safe-commercial-and-account-flows", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Product pricing/free status and login/registration choices are visibly separated; the audit did not trigger a purchase or observe hidden continuity.", "pathIds": [ "home", "detail" ], "artifacts": [ "evidence/recon-dom.json" ] }, { "principleId": "be-sustainable", "checkId": "optimised-assets", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Of 100 homepage images, 99 use legacy formats, 35 are oversized, 53 lack srcset and 70 below-fold images are not lazy; images transfer 3.31MB.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-images.json", "evidence/home-summary.json" ], "findingIds": [ "F30" ] }, { "principleId": "be-sustainable", "checkId": "no-wasteful-work", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "The load makes 330 requests and runs repeated vendor loaders, with Lighthouse estimating 862KiB unused JavaScript.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/css-script-probe.json", "evidence/lighthouse-home-summary.json" ], "findingIds": [ "F31" ] }, { "principleId": "be-sustainable", "checkId": "third-party-and-media-budget", "status": "issues", "confidence": "high", "method": "Direct screenshot, DOM/evaluate probe, and relevant automated evidence interpreted against the mapped guidance.", "evidence": "Tag Manager/gtag transfer more than 500KB, TikTok variants over 300KB, Facebook 175KB, amid 42 third-party origins; total load is 5.13MB.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/trackers.json" ], "findingIds": [ "F32" ] }, { "principleId": "be-agent-ready", "checkId": "structured-agent-capabilities", "status": "not-applicable", "confidence": "high", "method": "Contextual applicability judgement from representative-route recon.", "evidence": "No declared agent-facing intent was available; the emerging WebMCP capability is treated as an opportunity, not a requirement.", "reason": "No declared agent-facing intent was available; the emerging WebMCP capability is treated as an opportunity, not a requirement.", "pathIds": [ "home" ] }, { "principleId": "be-agent-ready", "checkId": "on-device-inference", "status": "not-applicable", "confidence": "high", "method": "Contextual applicability judgement from representative-route recon.", "evidence": "No summarisation or language-model feature is part of the observed product intent, so on-device inference is not required.", "reason": "No summarisation or language-model feature is part of the observed product intent, so on-device inference is not required.", "pathIds": [ "home" ] }, { "principleId": "be-memory-efficient", "checkId": "no-leak-under-repeated-interaction", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "After ten real safe-search state changes, the post heap was smaller than baseline (340,766 vs 497,714 nodes; 18.3MB vs 28.9MB self size), with no retained-growth signal.", "pathIds": [ "home" ], "artifacts": [ "evidence/heap-baseline.heapsnapshot", "evidence/heap-post.heapsnapshot" ] }, { "principleId": "be-memory-efficient", "checkId": "bounded-footprint", "status": "pass", "confidence": "high", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "Heap snapshots measured a bounded 18.3MB to 28.9MB self-size range for this image-heavy catalog; no monotonic growth was observed.", "pathIds": [ "home" ], "artifacts": [ "evidence/heap-baseline.heapsnapshot", "evidence/heap-post.heapsnapshot" ] }, { "principleId": "be-memory-efficient", "checkId": "no-detached-dom-or-unbounded-listeners", "status": "pass", "confidence": "medium", "method": "Direct visual/DOM/runtime evidence across the representative paths.", "evidence": "The repeated interaction did not increase total heap/node population; this provides no evidence of accumulating detached DOM/listeners, though constructor-level confidence is medium.", "pathIds": [ "home" ], "artifacts": [ "evidence/heap-baseline.heapsnapshot", "evidence/heap-post.heapsnapshot" ] } ], "principleOutcomes": [ { "principleId": "respect-user-preferences", "expectation": "default", "status": "issues", "findingIds": [ "F01", "F16" ] }, { "principleId": "implement-natural-interactions", "expectation": "default", "status": "issues", "findingIds": [ "F02" ] }, { "principleId": "provide-guided-navigation", "expectation": "default", "status": "issues", "findingIds": [ "F03", "F04" ] }, { "principleId": "maximize-content-reduce-noise", "expectation": "default", "status": "issues", "findingIds": [ "F05", "F06" ] }, { "principleId": "adapt-to-the-form-factor", "expectation": "default", "status": "issues", "findingIds": [ "F07", "F08", "F09" ] }, { "principleId": "support-core-task-success", "expectation": "default", "status": "pass" }, { "principleId": "be-fast-and-stable", "expectation": "default", "status": "issues", "findingIds": [ "F10", "F11", "F12", "F13", "F14" ] }, { "principleId": "be-inclusive", "expectation": "default", "status": "issues", "findingIds": [ "F15", "F16", "F17", "F18", "F19" ] }, { "principleId": "follow-best-practices", "expectation": "default", "status": "issues", "findingIds": [ "F20", "F21", "F22" ] }, { "principleId": "be-discoverable", "expectation": "default", "status": "issues", "findingIds": [ "F23" ] }, { "principleId": "be-private-and-secure", "expectation": "default", "status": "issues", "findingIds": [ "F24", "F25", "F26", "F27" ] }, { "principleId": "be-resilient", "expectation": "contextual", "status": "issues", "findingIds": [ "F28" ] }, { "principleId": "be-internationalised", "expectation": "contextual", "status": "pass" }, { "principleId": "be-trustworthy", "expectation": "default", "status": "issues", "findingIds": [ "F29" ] }, { "principleId": "be-sustainable", "expectation": "contextual", "status": "issues", "findingIds": [ "F30", "F31", "F32" ] }, { "principleId": "be-agent-ready", "expectation": "contextual", "status": "not-applicable", "reason": "No declared agent-facing intent was available; the emerging WebMCP capability is treated as an opportunity, not a requirement. No summarisation or language-model feature is part of the observed product intent, so on-device inference is not required." }, { "principleId": "be-memory-efficient", "expectation": "default", "status": "pass" } ], "paths": [ { "id": "home", "description": "Homepage and discovery hub, representing global navigation, promotions, search entry, and merchandising.", "url": "https://www.cmoa.jp/", "conditions": [ "desktop", "viewport: 360x800", "prefers-color-scheme: dark", "prefers-contrast: more", "prefers-reduced-motion: reduce", "keyboard focus" ], "result": "issues" }, { "id": "listing", "description": "Free-comics listing, representing a high-traffic catalog/list template.", "url": "https://www.cmoa.jp/freecontents/", "conditions": [ "desktop", "viewport: 360x800" ], "result": "issues" }, { "id": "detail", "description": "Book detail page, representing product metadata, purchase/sample actions, and recommendations.", "url": "https://www.cmoa.jp/title/271644/", "conditions": [ "desktop", "viewport: 360x800" ], "result": "issues" }, { "id": "reader", "description": "Free sample reader reached from the product, representing completion of the primary try-before-purchase flow.", "url": "https://www.cmoa.jp/reader/sample/?title_id=271644&content_id=100002716440001", "conditions": [ "viewport: 360x800" ], "result": "pass" }, { "id": "search", "description": "Detailed search, representing the principal form-heavy discovery workflow.", "url": "https://www.cmoa.jp/search/", "conditions": [ "viewport: 360x800", "keyboard inspection" ], "result": "issues" }, { "id": "login", "description": "Login redirect on member.cmoa.jp, representing authentication and account access.", "url": "https://www.cmoa.jp/auth/login/", "conditions": [ "viewport: 360x800" ], "result": "issues" }, { "id": "join", "description": "Registration entry page, representing account creation choices.", "url": "https://www.cmoa.jp/member/join_top/", "conditions": [ "viewport: 360x800" ], "result": "issues" }, { "id": "error", "description": "A deliberately missing route, representing HTTP/navigation recovery.", "url": "https://www.cmoa.jp/this-route-should-not-exist-web-uplift/", "conditions": [ "default" ], "result": "pass" } ], "findings": [ { "id": "F01", "severity": "medium", "confidence": "high", "principleId": "respect-user-preferences", "principleCheckId": "respects-color-scheme", "guidanceId": "dark-mode", "guidanceCategory": "modern-web-guidance", "summary": "The public catalog is light-only.", "evidence": "The dark-condition screenshot is visually identical to the light surface, and the CSS probe reports color-scheme: normal with a white body.", "suggestedFix": "Declare color-scheme and retint surfaces, text, controls, imagery, and browser chrome with prefers-color-scheme/light-dark().", "artifacts": [ "evidence/home-dark.png", "evidence/css-script-probe.json" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F02", "severity": "low", "confidence": "high", "principleId": "implement-natural-interactions", "principleCheckId": "view-transitions", "guidanceId": "same-document-transitions", "guidanceCategory": "modern-web-guidance", "summary": "Navigation and content changes do not use authored view transitions.", "evidence": "DOM/CSS inspection found no authored view-transition rules; representative page changes are full abrupt swaps.", "suggestedFix": "Add progressively enhanced same- and cross-document View Transitions for catalog-to-detail and state changes, with reduced-motion handling.", "artifacts": [ "evidence/recon-dom.json", "evidence/detail-probe.json" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F03", "severity": "low", "confidence": "high", "principleId": "provide-guided-navigation", "principleCheckId": "scroll-state-aware-chrome", "guidanceId": "scroll-position-aware-elements", "guidanceCategory": "modern-web-guidance", "summary": "Long pages provide static chrome with no scroll-position feedback.", "evidence": "The homepage is over 11,000 CSS px tall, while DOM/CSS inspection found no scroll-state container query or progress treatment.", "suggestedFix": "Use sticky, scroll-state-aware navigation or a lightweight progress/return affordance on long catalog pages.", "artifacts": [ "evidence/home-mobile-layout.json", "evidence/recon-dom.json" ], "effort": "small", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F04", "severity": "low", "confidence": "high", "principleId": "provide-guided-navigation", "principleCheckId": "anchored-positioning", "guidanceId": "position-aware-tooltips", "guidanceCategory": "modern-web-guidance", "summary": "Header menus are manually positioned rather than anchored.", "evidence": "CSS places sideRightMenu absolutely at top:69px/right:14px and the account menu at fixed offsets; no anchor-name/position-anchor/position-try was found.", "suggestedFix": "Use CSS anchor positioning with position-try fallbacks for menus and popovers.", "artifacts": [ "evidence/recon-dom.json", "evidence/detail-probe.json" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F05", "severity": "medium", "confidence": "high", "principleId": "maximize-content-reduce-noise", "principleCheckId": "semantic-dismissible-primitives", "guidanceId": "declarative-dialog-popover-control", "guidanceCategory": "modern-web-guidance", "summary": "Custom div menus replace semantic dismissible primitives.", "evidence": "The probe found zero dialog, popover, or details elements while DOM CSS shows class-toggled custom menu overlays and close controls.", "suggestedFix": "Move transient menus to popover and modal flows to dialog, preserving focus and declarative light-dismiss.", "artifacts": [ "evidence/home-probe.json", "evidence/recon-dom.json" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F06", "severity": "high", "confidence": "high", "principleId": "maximize-content-reduce-noise", "principleCheckId": "reduced-chrome", "guidanceId": "visually-texture-content", "guidanceCategory": "modern-web-guidance", "summary": "Dense promotional chrome crowds the actual catalog.", "evidence": "The first mobile-scaled viewport contains multiple navigation bars, a safety-search block, sidebar calls to action, and several stacked campaign banners before/alongside core books.", "suggestedFix": "Reduce simultaneous promotions, simplify repeated navigation, and reserve first-view emphasis for search, free reading, and the leading catalog content.", "artifacts": [ "evidence/home-mobile.png", "evidence/detail-mobile.png" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F07", "severity": "critical", "confidence": "high", "principleId": "adapt-to-the-form-factor", "principleCheckId": "responsive-no-horizontal-scroll", "guidanceId": "fluid-scaling", "guidanceCategory": "modern-web-guidance", "summary": "Mobile receives a 1024px desktop layout scaled down to fit.", "evidence": "At a 360x800 emulation, layout metrics report clientWidth/innerWidth 1024 because the viewport is width=1024; screenshots show tiny desktop text and controls.", "suggestedFix": "Use width=device-width, initial-scale=1 and rebuild the 990px fixed shell with fluid grids, intrinsic sizing, and responsive navigation.", "artifacts": [ "evidence/home-mobile.png", "evidence/detail-mobile.png", "evidence/home-mobile-layout.json", "evidence/home-probe.json" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F08", "severity": "medium", "confidence": "high", "principleId": "adapt-to-the-form-factor", "principleCheckId": "component-level-responsiveness", "guidanceId": "size-aware-styling", "guidanceCategory": "modern-web-guidance", "summary": "Reusable catalog components do not adapt at component level.", "evidence": "The probe found zero container rules; authored CSS repeatedly fixes the main shell and common regions at 990px.", "suggestedFix": "Give reusable cards, sidebars, and navigation containment and adapt them with size container queries.", "artifacts": [ "evidence/recon-dom.json", "evidence/home-probe.json" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F09", "severity": "high", "confidence": "high", "principleId": "adapt-to-the-form-factor", "principleCheckId": "input-modality-aware", "guidanceId": "accessibility", "guidanceCategory": "modern-web-guidance", "summary": "Many controls are too small for touch.", "evidence": "The probe counted 120 visible targets below 24px in one dimension, Lighthouse failed target-size, and the scaled mobile shell makes controls materially smaller.", "suggestedFix": "Meet WCAG target sizing/spacing, preserve visible focus, and provide non-hover states after correcting the viewport.", "artifacts": [ "evidence/home-probe.json", "evidence/lighthouse-home-summary.json", "evidence/home-mobile.png" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F10", "severity": "critical", "confidence": "high", "principleId": "be-fast-and-stable", "principleCheckId": "good-core-web-vitals", "guidanceId": "performance", "guidanceCategory": "modern-web-guidance", "summary": "Lab Core Web Vitals are poor.", "evidence": "Mobile Lighthouse measured LCP 16.3s, CLS 0.662, TBT 230ms and performance 0.33; an unconstrained desktop trace was faster (LCP 1.41s), showing the mobile/throttled risk.", "suggestedFix": "Prioritize and preload the real LCP asset, remove redirect/critical-chain delay, reserve dynamic space, and set performance budgets.", "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-trace-summary.json", "evidence/home-trace.json" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F11", "severity": "high", "confidence": "high", "principleId": "be-fast-and-stable", "principleCheckId": "visual-stability", "guidanceId": "visually-stable-font-fallbacks", "guidanceCategory": "modern-web-guidance", "summary": "Late content causes major layout shift under mobile lab conditions.", "evidence": "Lighthouse reported CLS 0.662 and two layout shifts; the image audit found 31 homepage images without dimensions.", "suggestedFix": "Add width/height or aspect-ratio to every image/banner slot and stabilize fonts and late promotions.", "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-images.json" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F12", "severity": "high", "confidence": "high", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-main-thread", "guidanceId": "break-up-long-tasks", "guidanceCategory": "modern-web-guidance", "summary": "JavaScript startup is heavy.", "evidence": "Lighthouse reported 2.6s main-thread work and 1.3s JavaScript execution; the page loads 58 scripts.", "suggestedFix": "Remove redundant tags/libraries, defer non-critical code, and split remaining work into prioritized tasks.", "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-summary.json" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F13", "severity": "high", "confidence": "high", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-resource-delivery", "guidanceId": "optimize-script-priority", "guidanceCategory": "modern-web-guidance", "summary": "The critical path and caching are inefficient.", "evidence": "HAR confirms parser-inserted blocking jQuery, Axios and cookie scripts plus five stylesheets; Lighthouse estimates 1.03s render-blocking and 2,209KiB cache savings.", "suggestedFix": "Defer non-critical scripts, inline only critical CSS, compress text, use durable immutable caching, and optimize LCP discovery.", "artifacts": [ "evidence/home-summary.json", "evidence/css-script-probe.json", "evidence/lighthouse-home-summary.json", "evidence/home.har" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F14", "severity": "high", "confidence": "high", "principleId": "be-fast-and-stable", "principleCheckId": "trim-unused-and-duplicate-code", "guidanceId": "identify-heavy-scripts", "guidanceCategory": "modern-web-guidance", "summary": "The page ships substantial unused and duplicate client code.", "evidence": "Lighthouse estimates 862KiB unused JavaScript and 13KiB unused CSS; DOM inspection shows duplicate Axios, jquery.cookie, Yahoo and LINE/TikTok loaders.", "suggestedFix": "Consolidate tag loading, remove duplicate libraries, and conditionally load recommendation/marketing code after intent or consent.", "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/css-script-probe.json" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F15", "severity": "high", "confidence": "high", "principleId": "be-inclusive", "principleCheckId": "names-roles-labels", "guidanceId": "accessibility", "guidanceCategory": "modern-web-guidance", "summary": "Forms, links, and images have incomplete accessible names.", "evidence": "Lighthouse fails image-alt, input-image-alt and link-name; search inspection found unlabeled text/select fields, and the detail image audit found 74 images without alt.", "suggestedFix": "Add programmatic labels and discernible control/link names; give meaningful images concise alt and decorative images alt=\"\".", "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/search-probe.json", "evidence/detail-images.json" ], "effort": "medium", "pathId": "search", "url": "https://www.cmoa.jp/search/" }, { "id": "F16", "severity": "high", "confidence": "high", "principleId": "be-inclusive", "principleCheckId": "sufficient-contrast", "guidanceId": "accessibility", "guidanceCategory": "modern-web-guidance", "summary": "Text and controls fail minimum contrast.", "evidence": "Lighthouse failed color-contrast, while the contrast-preference screenshot remains unchanged from default.", "suggestedFix": "Correct failing color pairs to WCAG AA and add forced-colors/prefers-contrast adaptations without removing system colors.", "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-contrast.png" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F17", "severity": "high", "confidence": "high", "principleId": "be-inclusive", "principleCheckId": "structure-and-focus", "guidanceId": "accessibility", "guidanceCategory": "modern-web-guidance", "summary": "Document structure is incomplete for assistive navigation.", "evidence": "Lighthouse reports non-sequential headings and no main landmark; the page jumps from H2/H3 to H4 and uses many role-bearing fragments without a main region.", "suggestedFix": "Add one main landmark, make heading levels reflect the visual hierarchy, and test the full keyboard focus order.", "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-probe.json" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F18", "severity": "high", "confidence": "high", "principleId": "be-inclusive", "principleCheckId": "legible-text", "guidanceId": "improve-text-layout-and-legibility", "guidanceCategory": "modern-web-guidance", "summary": "The scaled desktop layout makes text illegible on phones.", "evidence": "The 360px screenshots render a 1024px canvas at 0.3516 scale, reducing already-small 9px to 13px labels to a few physical pixels.", "suggestedFix": "Correct the viewport and establish fluid type/spacing with readable minimum sizes and line heights.", "artifacts": [ "evidence/home-mobile.png", "evidence/detail-mobile.png", "evidence/home-mobile-layout.json" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F19", "severity": "high", "confidence": "high", "principleId": "be-inclusive", "principleCheckId": "zoom-reflow-targets-and-media", "guidanceId": "fluid-scaling", "guidanceCategory": "modern-web-guidance", "summary": "Viewport policy and fixed layout obstruct zoom and reflow.", "evidence": "Homepage uses width=1024; the login viewport includes maximum-scale=1 and user-scalable=0; Lighthouse fails meta-viewport and target-size.", "suggestedFix": "Use device-width with unrestricted zoom and ensure content reflows at 320 CSS px and 200% zoom.", "artifacts": [ "evidence/home-probe.json", "evidence/login-dom.json", "evidence/lighthouse-home-summary.json" ], "effort": "medium", "pathId": "login", "url": "https://www.cmoa.jp/auth/login/" }, { "id": "F20", "severity": "medium", "confidence": "high", "principleId": "follow-best-practices", "principleCheckId": "no-console-errors", "guidanceId": "html", "guidanceCategory": "modern-web-guidance", "summary": "The homepage logs browser errors.", "evidence": "Lighthouse explicitly failed errors-in-console; HAR also records blocked/aborted marketing requests.", "suggestedFix": "Remove uncaught errors, gate optional integrations, and handle blocked third-party requests without console noise.", "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/home-summary.json" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F21", "severity": "medium", "confidence": "high", "principleId": "follow-best-practices", "principleCheckId": "sound-document-and-assets", "guidanceId": "html", "guidanceCategory": "modern-web-guidance", "summary": "Image dimensions and asset structure are inconsistent.", "evidence": "The image audit found 31 homepage and 42 detail images missing dimensions; Lighthouse also failed unsized-images.", "suggestedFix": "Emit dimensions/aspect ratios from the content system and validate generated markup in CI.", "artifacts": [ "evidence/home-images.json", "evidence/detail-images.json", "evidence/lighthouse-home-summary.json" ], "effort": "medium", "pathId": "detail", "url": "https://www.cmoa.jp/title/271644/" }, { "id": "F22", "severity": "medium", "confidence": "high", "principleId": "follow-best-practices", "principleCheckId": "browser-platform-hygiene", "guidanceId": "html", "guidanceCategory": "modern-web-guidance", "summary": "Chrome reports platform hygiene problems.", "evidence": "Lighthouse failed inspector-issues and BFCache with three failure reasons; the page also loads many legacy scripts and duplicated integrations.", "suggestedFix": "Resolve DevTools issues and BFCache blockers, update dependencies, and avoid unload/state patterns that prevent restoration.", "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/css-script-probe.json" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F23", "severity": "medium", "confidence": "high", "principleId": "be-discoverable", "principleCheckId": "crawlable-and-mobile-friendly", "guidanceId": "html", "guidanceCategory": "modern-web-guidance", "summary": "Some links are not crawlable despite strong server rendering.", "evidence": "Lighthouse failed crawlable-anchors. This coexists with 100% raw-content coverage and hundreds of valid href links, so the defect is limited rather than a JS-shell failure.", "suggestedFix": "Replace JavaScript-only or malformed link destinations with real href URLs and descriptive text.", "artifacts": [ "evidence/lighthouse-home-summary.json", "evidence/discover-home-rendered.png", "evidence/discover-home-crawler.png" ], "effort": "small", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F24", "severity": "high", "confidence": "high", "principleId": "be-private-and-secure", "principleCheckId": "secure-transport-and-headers", "guidanceId": "security", "guidanceCategory": "modern-web-guidance", "summary": "Transport policy and cookie attributes are weak.", "evidence": "HTTPS and frame-ancestors are present, but HSTS and nosniff are missing; 27 of 29 cookies lack Secure and many use SameSite=None.", "suggestedFix": "Enable HSTS and nosniff, harden CSP beyond frame-ancestors, and mark every HTTPS cookie Secure with the narrowest SameSite/HttpOnly policy.", "artifacts": [ "evidence/headers.json", "evidence/cookies.json" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F25", "severity": "high", "confidence": "high", "principleId": "be-private-and-secure", "principleCheckId": "data-minimisation-and-third-parties", "guidanceId": "privacy", "guidanceCategory": "modern-web-guidance", "summary": "Tracking and third-party collection are excessive on first load.", "evidence": "The tracker capture sees 42 third-party origins and Google, Facebook, DoubleClick, TikTok, Twitter, LINE, Yahoo and others; HAR records 328 third-party requests and about 5.09MB transferred.", "suggestedFix": "Minimize vendors, load analytics only after lawful consent/intent, batch essential telemetry, and proxy or self-host where justified.", "artifacts": [ "evidence/trackers.json", "evidence/home-summary.json", "evidence/home.har" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F26", "severity": "medium", "confidence": "high", "principleId": "be-private-and-secure", "principleCheckId": "in-context-permissions-and-modern-auth", "guidanceId": "passkeys", "guidanceCategory": "modern-web-guidance", "summary": "Authentication offers password and federated identity but no phishing-resistant passkey path.", "evidence": "The login screenshot exposes email/password and six social identity choices; inspected auth markup contains no WebAuthn/passkey signal. No permission prompt fired on load.", "suggestedFix": "Add passkey registration, conditional authentication, recovery, and reauthentication alongside existing methods.", "artifacts": [ "evidence/login-mobile.png", "evidence/login-dom.json" ], "effort": "large", "pathId": "login", "url": "https://www.cmoa.jp/auth/login/" }, { "id": "F27", "severity": "high", "confidence": "high", "principleId": "be-private-and-secure", "principleCheckId": "defensive-browser-policies", "guidanceId": "security", "guidanceCategory": "modern-web-guidance", "summary": "Browser-enforced defenses are incomplete.", "evidence": "Headers lack HSTS, Referrer-Policy and nosniff; Permissions-Policy only grants client-hint features and CSP only sets frame-ancestors.", "suggestedFix": "Deploy a restrictive script/style CSP with nonces or hashes, HSTS, nosniff, Referrer-Policy, a deny-by-default Permissions-Policy, and Trusted Types where feasible.", "artifacts": [ "evidence/headers.json" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F28", "severity": "medium", "confidence": "high", "principleId": "be-resilient", "principleCheckId": "resilient-runtime-behaviour", "guidanceId": "resilient-context-menus-and-nested-dropdowns", "guidanceCategory": "modern-web-guidance", "summary": "Custom fixed-offset overlays are fragile at viewport edges.", "evidence": "Header dropdowns are class-toggled absolute boxes with fixed widths/offsets and no anchor fallback; the main site is fixed at 990px.", "suggestedFix": "Use top-layer popovers/dialogs and anchor positioning with fallbacks, and preserve state/focus during DOM changes.", "artifacts": [ "evidence/recon-dom.json", "evidence/detail-probe.json" ], "effort": "medium", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F29", "severity": "medium", "confidence": "high", "principleId": "be-trustworthy", "principleCheckId": "trustworthy-input-assistance", "guidanceId": "autofill-sign-in-form", "guidanceCategory": "modern-web-guidance", "summary": "Search and sign-in input assistance is incomplete.", "evidence": "Search fields have empty autocomplete and no programmatic labels; homepage search explicitly disables autocomplete.", "suggestedFix": "Use correct labels and autocomplete tokens, including username/current-password or WebAuthn on sign-in and suitable search semantics.", "artifacts": [ "evidence/search-probe.json", "evidence/home-probe.json", "evidence/login-mobile.png" ], "effort": "small", "pathId": "search", "url": "https://www.cmoa.jp/search/" }, { "id": "F30", "severity": "high", "confidence": "high", "principleId": "be-sustainable", "principleCheckId": "optimised-assets", "guidanceId": "deliver-optimized-decorative-images", "guidanceCategory": "modern-web-guidance", "summary": "Image delivery is wasteful.", "evidence": "Of 100 homepage images, 99 use legacy formats, 35 are oversized, 53 lack srcset and 70 below-fold images are not lazy; images transfer 3.31MB.", "suggestedFix": "Generate AVIF/WebP variants, responsive srcset/sizes, dimensions and native lazy loading, retaining quality-appropriate fallbacks.", "artifacts": [ "evidence/home-images.json", "evidence/home-summary.json" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F31", "severity": "high", "confidence": "high", "principleId": "be-sustainable", "principleCheckId": "no-wasteful-work", "guidanceId": "deprioritize-background-fetches", "guidanceCategory": "modern-web-guidance", "summary": "Background marketing work dominates a page view.", "evidence": "The load makes 330 requests and runs repeated vendor loaders, with Lighthouse estimating 862KiB unused JavaScript.", "suggestedFix": "Remove duplicate vendor tags, defer non-essential work until idle/intent/consent, and stop background collection when hidden.", "artifacts": [ "evidence/home-summary.json", "evidence/css-script-probe.json", "evidence/lighthouse-home-summary.json" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" }, { "id": "F32", "severity": "high", "confidence": "high", "principleId": "be-sustainable", "principleCheckId": "third-party-and-media-budget", "guidanceId": "efficient-background-processing", "guidanceCategory": "modern-web-guidance", "summary": "Third-party script cost is disproportionate to visible user value.", "evidence": "Tag Manager/gtag transfer more than 500KB, TikTok variants over 300KB, Facebook 175KB, amid 42 third-party origins; total load is 5.13MB.", "suggestedFix": "Set a third-party byte/request budget, consolidate analytics, and lazy-load optional media and integrations.", "artifacts": [ "evidence/home-summary.json", "evidence/trackers.json" ], "effort": "large", "pathId": "home", "url": "https://www.cmoa.jp/" } ], "taskList": [ { "id": "T01", "title": "Replace the fixed 1024px/990px desktop shell with a genuinely responsive, zoomable layout", "priority": 1, "findingIds": [ "F07", "F08", "F09", "F18", "F19" ], "guidanceId": "fluid-scaling", "status": "open" }, { "id": "T02", "title": "Cut startup cost and stabilize the LCP/CLS path", "priority": 2, "findingIds": [ "F10", "F11", "F12", "F13", "F14" ], "guidanceId": "performance", "status": "open" }, { "id": "T03", "title": "Reduce and consent-gate the analytics and advertising footprint", "priority": 3, "findingIds": [ "F24", "F25", "F27", "F31", "F32" ], "guidanceId": "privacy", "status": "open" }, { "id": "T04", "title": "Repair accessible labels, names, landmarks, headings, contrast, and target sizing", "priority": 4, "findingIds": [ "F09", "F15", "F16", "F17" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T05", "title": "Modernize responsive image delivery and reserve image space", "priority": 5, "findingIds": [ "F11", "F21", "F30" ], "guidanceId": "optimize-image-priority", "status": "open" }, { "id": "T06", "title": "Simplify promotional chrome and use semantic top-layer controls", "priority": 6, "findingIds": [ "F05", "F06", "F28" ], "guidanceId": "declarative-dialog-popover-control", "status": "open" }, { "id": "T07", "title": "Add user preference and modern interaction support", "priority": 7, "findingIds": [ "F01", "F02", "F03", "F04" ], "guidanceId": "dark-mode", "status": "open" }, { "id": "T08", "title": "Add passkeys and correct autofill/input assistance", "priority": 8, "findingIds": [ "F26", "F29" ], "guidanceId": "passkeys", "status": "open" }, { "id": "T09", "title": "Resolve console, DevTools, BFCache, and crawlable-link defects", "priority": 9, "findingIds": [ "F20", "F22", "F23" ], "guidanceId": "html", "status": "open" } ], "budget": { "pathCount": 8, "auditPasses": 1 }, "agent": "pi", "runId": "2026-07-21T03-57-38-065Z" }