{ "url": "https://mechacomic.jp", "auditedAt": "2026-07-23T17:38:34.899Z", "mode": "report", "status": "completed", "statusDetail": "Coverage-complete audit across seven representative paths. Not covered: authenticated library, completed payment, account cancellation and mature-content gates because they require credentials or a financial commitment.", "page": { "appType": "mpa", "framework": "server-rendered MPA with jQuery/Slick-era shared chrome", "notes": "Public Japanese comic catalog/store. The homepage, listing, search, detail, guest reader, account entry and recovery archetypes were sampled. Authenticated and paid states were excluded to avoid account/financial actions." }, "evidenceUsed": [ "screenshot", "video", "dom+computed-css", "layout-metrics", "evaluate-probe", "trace", "har", "discoverability", "headers", "cookies", "trackers", "secrets", "images", "heap-summary-totals", "lighthouse", "robots.txt", "sitemap.xml" ], "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/home-desktop.png", "caption": "Homepage at desktop viewport", "condition": "desktop 780x720", "findingIds": [ "F-05" ] }, { "type": "screenshot", "path": "evidence/home-mobile.png", "caption": "Homepage at 360px shows fixed 768px canvas and clipping", "condition": "viewport: 360x800", "findingIds": [ "F-06", "F-07" ] }, { "type": "screenshot", "path": "evidence/home-dark.png", "caption": "Dark preference capture remains identical to light theme", "condition": "prefers-color-scheme: dark", "findingIds": [ "F-01" ] }, { "type": "layout", "path": "evidence/home-layout-mobile.json", "caption": "Homepage mobile layout metrics: 408px horizontal overflow", "findingIds": [ "F-06", "F-18", "F-22" ] }, { "type": "layout", "path": "evidence/book-layout-mobile.json", "caption": "Book detail mobile layout metrics: 408px horizontal overflow", "findingIds": [ "F-06" ] }, { "type": "lighthouse", "path": "evidence/lighthouse-home.json", "caption": "Full Lighthouse JSON for homepage", "findingIds": [ "F-09", "F-10", "F-11", "F-13", "F-18", "F-19", "F-21", "F-29" ] }, { "type": "other", "path": "evidence/lighthouse-extract.json", "caption": "Compact Lighthouse failures and node details", "findingIds": [ "F-02", "F-12", "F-15", "F-21", "F-28" ] }, { "type": "har", "path": "evidence/home.har", "caption": "Homepage network archive", "findingIds": [ "F-12" ] }, { "type": "har-summary", "path": "evidence/home-summary.json", "caption": "Homepage network summary: 388 requests and 11.7 MB", "findingIds": [ "F-11", "F-12", "F-13", "F-24", "F-28", "F-29", "F-30" ] }, { "type": "trace", "path": "evidence/home-trace.json", "caption": "Homepage DevTools performance trace" }, { "type": "trace-summary", "path": "evidence/home-trace-summary.json", "caption": "Trace summary with FCP, LCP and blocking time", "findingIds": [ "F-09" ] }, { "type": "other", "path": "evidence/headers.json", "caption": "Security response-header inspection", "findingIds": [ "F-23", "F-25" ] }, { "type": "other", "path": "evidence/cookies.json", "caption": "Cookie security inspection", "findingIds": [ "F-23" ] }, { "type": "other", "path": "evidence/trackers.json", "caption": "Third-party tracker inspection", "findingIds": [ "F-24", "F-30" ] }, { "type": "other", "path": "evidence/images.json", "caption": "Image dimensions, loading, formats and sizing inspection", "findingIds": [ "F-10", "F-20", "F-28", "F-30" ] }, { "type": "other", "path": "evidence/secrets.json", "caption": "Client-side secret scan", "findingIds": [ "F-23" ] }, { "type": "discoverability", "path": "evidence/home-discoverability.json", "caption": "Homepage raw HTML versus rendered DOM" }, { "type": "screenshot", "path": "evidence/home-discoverability-rendered.png", "caption": "Homepage rendered with JavaScript" }, { "type": "screenshot", "path": "evidence/home-discoverability-crawler.png", "caption": "Homepage crawler view without JavaScript" }, { "type": "discoverability", "path": "evidence/book-discoverability.json", "caption": "Book detail raw HTML versus rendered DOM" }, { "type": "screenshot", "path": "evidence/book-discoverability-rendered.png", "caption": "Book detail rendered with JavaScript" }, { "type": "screenshot", "path": "evidence/book-discoverability-crawler.png", "caption": "Book detail crawler view without JavaScript" }, { "type": "other", "path": "evidence/home-probe.json", "caption": "Homepage semantic, metadata, forms and platform-feature probe", "findingIds": [ "F-01", "F-03", "F-04", "F-05", "F-07", "F-14", "F-16", "F-22" ] }, { "type": "other", "path": "evidence/book-probe.json", "caption": "Book metadata, structured data, free links and form probe", "findingIds": [ "F-14", "F-31" ] }, { "type": "other", "path": "evidence/focus-target-probe.json", "caption": "Visible focus and target-size probe", "findingIds": [ "F-08", "F-16" ] }, { "type": "other", "path": "evidence/reduced-motion-probe.json", "caption": "Reduced-motion animation probe", "condition": "prefers-reduced-motion: reduce" }, { "type": "other", "path": "evidence/contrast-preference-probe.json", "caption": "Contrast-preference and forced-colors probe", "condition": "prefers-contrast: more", "findingIds": [ "F-02" ] }, { "type": "other", "path": "evidence/platform-probe.json", "caption": "Service worker, manifest, WebMCP and built-in AI probe", "findingIds": [ "F-26", "F-31" ] }, { "type": "video", "path": "evidence/home-to-free.mp4", "caption": "Homepage-to-free navigation recording", "findingIds": [ "F-03" ] }, { "type": "screenshot", "path": "evidence/free-mobile.png", "caption": "Free listing clipped at mobile viewport", "condition": "viewport: 360x800", "findingIds": [ "F-06", "F-07", "F-17" ] }, { "type": "screenshot", "path": "evidence/book-mobile.png", "caption": "Book detail clipped at mobile viewport", "condition": "viewport: 360x800", "findingIds": [ "F-06", "F-07", "F-17" ] }, { "type": "screenshot", "path": "evidence/search-mobile.png", "caption": "Search results clipped at mobile viewport", "condition": "viewport: 360x800", "findingIds": [ "F-06", "F-07", "F-17" ] }, { "type": "screenshot", "path": "evidence/register-mobile.png", "caption": "Registration payment choices clipped at mobile viewport", "condition": "viewport: 360x800", "findingIds": [ "F-06", "F-07", "F-17", "F-27" ] }, { "type": "screenshot", "path": "evidence/login-mobile.png", "caption": "Login identity-provider choices clipped at mobile viewport", "condition": "viewport: 360x800", "findingIds": [ "F-06", "F-07", "F-17", "F-27" ] }, { "type": "screenshot", "path": "evidence/reader-mobile.png", "caption": "Free chapter opens successfully at mobile viewport", "condition": "viewport: 360x800" }, { "type": "screenshot", "path": "evidence/404-mobile.png", "caption": "Responsive, actionable 404 recovery page", "condition": "viewport: 360x800" }, { "type": "heap", "path": "evidence/heap-baseline.heapsnapshot", "caption": "Baseline heap snapshot; summary totals recorded by primitive" }, { "type": "heap", "path": "evidence/heap-post.heapsnapshot", "caption": "Post-carousel heap snapshot; summary totals recorded by primitive" }, { "type": "other", "path": "evidence/memory-metrics.json", "caption": "Before/after heap and live DOM metrics" }, { "type": "other", "path": "evidence/memory-series.json", "caption": "Twenty-interaction memory series showing GC and stable DOM count" }, { "type": "other", "path": "evidence/robots.txt", "caption": "robots.txt fetched from production", "findingIds": [ "F-22" ] }, { "type": "other", "path": "evidence/sitemap.xml", "caption": "sitemap.xml fetched from production", "findingIds": [ "F-22" ] }, { "type": "other", "path": "evidence/register-probe.json", "caption": "Registration structure and payment-link probe", "findingIds": [ "F-27" ] } ], "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 visual/objective evidence review", "evidence": "The dark-mode screenshot is byte-identical in appearance to the light capture; the probe reports color-scheme: normal and white surfaces.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-dark.png", "evidence/home-probe.json" ], "findingIds": [ "F-01" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-reduced-motion", "status": "pass", "confidence": "high", "method": "Emulated media probe", "evidence": "Under prefers-reduced-motion: reduce the probe found zero active animations and zero computed animation/transition durations.", "pathIds": [ "home" ], "artifacts": [ "evidence/reduced-motion-probe.json" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-contrast", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "The prefers-contrast probe found no contrast/forced-colors rules; Lighthouse measured free-chapter labels at 3.73:1, below 4.5:1.", "pathIds": [ "home" ], "artifacts": [ "evidence/contrast-preference-probe.json", "evidence/lighthouse-extract.json" ], "findingIds": [ "F-02" ] }, { "principleId": "implement-natural-interactions", "checkId": "view-transitions", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "The homepage-to-free video contains only discrete before/after frames; page inspection found no authored view-transition CSS despite multipage navigation.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-to-free.mp4", "evidence/home-probe.json" ], "findingIds": [ "F-03" ] }, { "principleId": "implement-natural-interactions", "checkId": "scroll-driven-animations", "status": "not-applicable", "confidence": "high", "method": "DOM/CSS and animation inspection", "evidence": "No parallax, scrollytelling, or scroll-linked reveal effect was present on the representative surfaces.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json" ], "reason": "The site does not use scroll-linked motion, so there is no scroll-handler implementation to assess." }, { "principleId": "implement-natural-interactions", "checkId": "physical-gestures", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "DOM/CSS capture identifies .slick-slider, translated tracks and scripted arrows; no scroll-snap implementation was observed.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json" ], "findingIds": [ "F-04" ] }, { "principleId": "provide-guided-navigation", "checkId": "scroll-state-aware-chrome", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "The homepage is about 10,897px tall, while CSS/DOM evidence shows static 173px header chrome and no scroll-state query/progress affordance.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png", "evidence/home-probe.json" ], "findingIds": [ "F-05" ] }, { "principleId": "provide-guided-navigation", "checkId": "anchored-positioning", "status": "not-applicable", "confidence": "high", "method": "DOM semantic overlay probe", "evidence": "No tooltip, popup menu or edge-positioned transient overlay was present on the exercised guest surfaces.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json" ], "reason": "There was no anchored overlay whose attachment or fallback placement could be judged." }, { "principleId": "provide-guided-navigation", "checkId": "directs-attention", "status": "pass", "confidence": "high", "method": "Representative-path screenshot review", "evidence": "Breadcrumbs on listing/detail/search pages, descriptive section headings, and the book-to-reader action consistently identify location and next step.", "pathIds": [ "free-listing", "search", "book-detail", "reader" ], "artifacts": [ "evidence/free-mobile.png", "evidence/book-mobile.png", "evidence/search-mobile.png", "evidence/reader-mobile.png" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "no-intrusive-interruptions", "status": "pass", "confidence": "high", "method": "Initial-load screenshots and overlay probe", "evidence": "No load-time modal, consent wall, or full-viewport interruption obscured content across the representative pages.", "pathIds": [ "home", "free-listing", "book-detail", "account" ], "artifacts": [ "evidence/home-desktop.png", "evidence/free-mobile.png", "evidence/book-mobile.png", "evidence/register-mobile.png" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "semantic-dismissible-primitives", "status": "not-applicable", "confidence": "high", "method": "DOM semantic probe", "evidence": "No guest-path modal or transient overlay was encountered; DOM probe reported zero dialog, popover and details elements.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json" ], "reason": "No dismissible overlay was present in the tested guest journey." }, { "principleId": "maximize-content-reduce-noise", "checkId": "reduced-chrome", "status": "pass", "confidence": "high", "method": "Desktop screenshot and page layout review", "evidence": "The desktop page devotes the main canvas to catalog content, covers, rankings and reading actions; shared chrome is compact relative to the long content page.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-desktop.png" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "responsive-no-horizontal-scroll", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Layout measured scrollWidth 768 versus clientWidth 360, a 408px overflow, on both home and book detail; every mobile screenshot except the special 404 clips key content and controls.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-layout-mobile.json", "evidence/book-layout-mobile.json", "evidence/home-mobile.png", "evidence/free-mobile.png", "evidence/book-mobile.png", "evidence/search-mobile.png", "evidence/register-mobile.png", "evidence/login-mobile.png" ], "findingIds": [ "F-06" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "component-level-responsiveness", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "The probe found zero container rules; shared header/nav and content components remain desktop-sized and clipped on all five mobile archetypes.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-mobile.png", "evidence/free-mobile.png", "evidence/book-mobile.png", "evidence/search-mobile.png", "evidence/register-mobile.png", "evidence/login-mobile.png", "evidence/home-probe.json" ], "findingIds": [ "F-07" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "input-modality-aware", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Focus/target probe measured the search input and button at 24px high and account links at 11px high; nav targets are 39px high. Keyboard outlines are visible, but touch sizing is insufficient.", "pathIds": [ "home" ], "artifacts": [ "evidence/focus-target-probe.json" ], "findingIds": [ "F-08" ] }, { "principleId": "support-core-task-success", "checkId": "clear-purpose-and-primary-action", "status": "pass", "confidence": "high", "method": "Homepage and book-detail visual/DOM review", "evidence": "The logo, search box, free-comics navigation, catalog sections, detailed title and “今すぐ無料で読む” action clearly communicate purpose and next steps.", "pathIds": [ "home", "book-detail" ], "artifacts": [ "evidence/home-desktop.png", "evidence/book-mobile.png", "evidence/book-probe.json" ] }, { "principleId": "support-core-task-success", "checkId": "primary-flow-completion", "status": "issues", "confidence": "high", "method": "Guest journey walkthrough plus mobile account screenshots", "evidence": "The guest search → book detail → free chapter journey completes, but account registration and login controls are clipped off-screen at 360px.", "pathIds": [ "account" ], "artifacts": [ "evidence/search-mobile.png", "evidence/book-mobile.png", "evidence/reader-mobile.png", "evidence/register-mobile.png", "evidence/login-mobile.png" ], "findingIds": [ "F-06" ] }, { "principleId": "support-core-task-success", "checkId": "clear-system-state-and-recovery", "status": "pass", "confidence": "high", "method": "404 state screenshot", "evidence": "An unknown URL returns a clear Japanese error message, search, a large “トップページへ” recovery action and useful destination links.", "pathIds": [ "recovery" ], "artifacts": [ "evidence/404-mobile.png" ] }, { "principleId": "be-fast-and-stable", "checkId": "good-core-web-vitals", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Lighthouse performance scored 0.39 with LCP 7.9s, TBT 510ms and CLS 0.146; the first-party trace corroborated 2.44s LCP under a lighter desktop run.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-trace-summary.json" ], "findingIds": [ "F-09" ] }, { "principleId": "be-fast-and-stable", "checkId": "visual-stability", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Lighthouse measured CLS 0.146 and three shifts; the image audit found all 100 inspected images lacked width and height attributes.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/images.json" ], "findingIds": [ "F-10" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-main-thread", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Lighthouse reported 4.3s main-thread work, 2.5s script boot time and 510ms TBT; HAR recorded 78 script requests.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-summary.json" ], "findingIds": [ "F-11" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-resource-delivery", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "HAR recorded 388 requests and 11,694,781 transferred bytes; Lighthouse estimated 1.92s render-blocking savings, 1.12MB cache-lifetime savings and 650ms document-latency savings.", "pathIds": [ "home" ], "artifacts": [ "evidence/home.har", "evidence/home-summary.json", "evidence/lighthouse-extract.json" ], "findingIds": [ "F-12" ] }, { "principleId": "be-fast-and-stable", "checkId": "trim-unused-and-duplicate-code", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Lighthouse estimated 1,974KiB removable unused JavaScript plus 74KiB legacy-JS savings; 78 script requests transferred 3.29MB.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-summary.json" ], "findingIds": [ "F-13" ] }, { "principleId": "be-inclusive", "checkId": "names-roles-labels", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "DOM probes show the search input has no associated label or aria-label, and multiple chapter checkboxes have empty label text.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/book-probe.json" ], "findingIds": [ "F-14" ] }, { "principleId": "be-inclusive", "checkId": "sufficient-contrast", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Lighthouse’s axe audit repeatedly measured #cf6363 text on white at 3.73:1 for 13px bold free-chapter labels, below 4.5:1.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-extract.json" ], "findingIds": [ "F-15" ] }, { "principleId": "be-inclusive", "checkId": "structure-and-focus", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Semantic probe found one H1 with empty text; focus is visible but only as a 1px auto outline, while heading hierarchy starts with promotional H2 sections.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/focus-target-probe.json" ], "findingIds": [ "F-16" ] }, { "principleId": "be-inclusive", "checkId": "legible-text", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "At 360px, catalog headings, product details, payment explanations and login choices extend hundreds of pixels beyond the viewport.", "pathIds": [ "free-listing" ], "artifacts": [ "evidence/free-mobile.png", "evidence/book-mobile.png", "evidence/search-mobile.png", "evidence/register-mobile.png", "evidence/login-mobile.png" ], "findingIds": [ "F-17" ] }, { "principleId": "be-inclusive", "checkId": "zoom-reflow-targets-and-media", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Lighthouse failed meta-viewport because user-scalable=no or maximum-scale<5; independent layout evidence measured 408px overflow at 360px.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-layout-mobile.json" ], "findingIds": [ "F-18" ] }, { "principleId": "follow-best-practices", "checkId": "no-console-errors", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Lighthouse failed errors-in-console; the retained Lighthouse JSON contains the affected console records.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json" ], "findingIds": [ "F-19" ] }, { "principleId": "follow-best-practices", "checkId": "sound-document-and-assets", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Image audit found 100/100 images without dimensions, 43 oversized, 87 below-fold images not lazy-loaded, 37 without srcset and 65 in legacy formats.", "pathIds": [ "home" ], "artifacts": [ "evidence/images.json" ], "findingIds": [ "F-20" ] }, { "principleId": "follow-best-practices", "checkId": "browser-platform-hygiene", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Lighthouse reported one deprecated-API warning, Inspector Issues, and three reasons preventing back/forward cache restoration.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/lighthouse-extract.json" ], "findingIds": [ "F-21" ] }, { "principleId": "be-discoverable", "checkId": "title-and-description", "status": "pass", "confidence": "high", "method": "DOM and discoverability probes", "evidence": "Homepage and book detail expose unique descriptive titles and meta descriptions in raw server HTML.", "pathIds": [ "home", "book-detail" ], "artifacts": [ "evidence/home-probe.json", "evidence/book-probe.json", "evidence/home-discoverability.json", "evidence/book-discoverability.json" ] }, { "principleId": "be-discoverable", "checkId": "crawlable-and-mobile-friendly", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Robots/sitemap and real hrefs are present, yet mobile layouts overflow by 408px and the link probe lists numerous empty-text hero anchors.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-probe.json", "evidence/home-layout-mobile.json", "evidence/robots.txt", "evidence/sitemap.xml" ], "findingIds": [ "F-22" ] }, { "principleId": "be-discoverable", "checkId": "canonical-and-indexing-signals", "status": "pass", "confidence": "high", "method": "Metadata probes plus robots/sitemap fetch", "evidence": "Both audited public templates return 200, expose canonical URLs, remain indexable, and robots.txt references a populated sitemap.", "pathIds": [ "home", "book-detail" ], "artifacts": [ "evidence/home-probe.json", "evidence/book-probe.json", "evidence/robots.txt", "evidence/sitemap.xml" ] }, { "principleId": "be-discoverable", "checkId": "structured-and-shareable-metadata", "status": "pass", "confidence": "high", "method": "Book metadata probe", "evidence": "Book detail includes matching Product, AggregateRating and BreadcrumbList JSON-LD plus complete Open Graph title, description, URL, type and image.", "pathIds": [ "book-detail" ], "artifacts": [ "evidence/book-probe.json" ] }, { "principleId": "be-private-and-secure", "checkId": "secure-transport-and-headers", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Headers show HSTS/nosniff/XFO but no CSP; cookie audit found four non-Secure cookies and several SameSite=None cookies. Secret scan found no exposed credentials.", "pathIds": [ "home" ], "artifacts": [ "evidence/headers.json", "evidence/cookies.json", "evidence/secrets.json" ], "findingIds": [ "F-23" ] }, { "principleId": "be-private-and-secure", "checkId": "data-minimisation-and-third-parties", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Tracker capture found 14 third-party origins and five known tracker families including Facebook, Google Analytics and DoubleClick; HAR shows extensive network activity.", "pathIds": [ "home" ], "artifacts": [ "evidence/trackers.json", "evidence/home-summary.json" ], "findingIds": [ "F-24" ] }, { "principleId": "be-private-and-secure", "checkId": "in-context-permissions-and-modern-auth", "status": "pass", "confidence": "high", "method": "Initial load and login screenshot/DOM review", "evidence": "No permission prompt appeared on load, and login offers established federated identity providers rather than presenting a password-only form on the tested surface.", "pathIds": [ "account" ], "artifacts": [ "evidence/login-mobile.png", "evidence/register-probe.json" ] }, { "principleId": "be-private-and-secure", "checkId": "defensive-browser-policies", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "HSTS, X-Frame-Options, nosniff and Referrer-Policy are present, but CSP and Permissions-Policy are missing.", "pathIds": [ "home" ], "artifacts": [ "evidence/headers.json" ], "findingIds": [ "F-25" ] }, { "principleId": "be-resilient", "checkId": "progressive-enhancement", "status": "pass", "confidence": "high", "method": "Raw HTML/rendered discoverability comparison", "evidence": "The book detail retains 93% rendered-content coverage without JavaScript and keeps title, H1 and description; homepage is not an empty shell and retains key metadata/navigation.", "pathIds": [ "home", "book-detail" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/home-discoverability-crawler.png", "evidence/book-discoverability.json", "evidence/book-discoverability-crawler.png" ] }, { "principleId": "be-resilient", "checkId": "resilient-runtime-behaviour", "status": "pass", "confidence": "high", "method": "Representative journey screenshots", "evidence": "Guest search, product selection and free reading complete; the dedicated 404 state is coherent and actionable.", "pathIds": [ "search", "book-detail", "reader", "recovery" ], "artifacts": [ "evidence/search-mobile.png", "evidence/book-mobile.png", "evidence/reader-mobile.png", "evidence/404-mobile.png" ] }, { "principleId": "be-resilient", "checkId": "offline-and-installable", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Platform probe found no manifest link and zero service-worker registrations on the interactive reading/catalog experience.", "pathIds": [ "home" ], "artifacts": [ "evidence/platform-probe.json" ], "findingIds": [ "F-26" ] }, { "principleId": "be-resilient", "checkId": "network-and-http-failure-states", "status": "pass", "confidence": "high", "method": "404 screenshot", "evidence": "The representative HTTP failure state explains the problem and offers search, home and catalog recovery routes rather than a blank shell.", "pathIds": [ "recovery" ], "artifacts": [ "evidence/404-mobile.png" ] }, { "principleId": "be-internationalised", "checkId": "lang-dir-and-logical-properties", "status": "not-applicable", "confidence": "high", "method": "Site intent inferred from rendered content and Service metadata", "evidence": "JSON-LD declares areaServed Japan and all audited commerce/content surfaces are deliberately Japanese-only; no locale-sensitive date, currency conversion or event scheduling flow was present.", "pathIds": [ "book-detail" ], "artifacts": [ "evidence/book-probe.json" ], "reason": "This run found a single-language, Japan-only service and no user-facing locale/time-zone data to test." }, { "principleId": "be-internationalised", "checkId": "locale-aware-data", "status": "not-applicable", "confidence": "high", "method": "Site intent inferred from rendered content and Service metadata", "evidence": "JSON-LD declares areaServed Japan and all audited commerce/content surfaces are deliberately Japanese-only; no locale-sensitive date, currency conversion or event scheduling flow was present.", "pathIds": [ "book-detail" ], "artifacts": [ "evidence/book-probe.json" ], "reason": "This run found a single-language, Japan-only service and no user-facing locale/time-zone data to test." }, { "principleId": "be-internationalised", "checkId": "time-zone-correctness", "status": "not-applicable", "confidence": "high", "method": "Site intent inferred from rendered content and Service metadata", "evidence": "JSON-LD declares areaServed Japan and all audited commerce/content surfaces are deliberately Japanese-only; no locale-sensitive date, currency conversion or event scheduling flow was present.", "pathIds": [ "book-detail" ], "artifacts": [ "evidence/book-probe.json" ], "reason": "This run found a single-language, Japan-only service and no user-facing locale/time-zone data to test." }, { "principleId": "be-trustworthy", "checkId": "no-dark-patterns", "status": "pass", "confidence": "high", "method": "Homepage, detail, reader and registration visual review", "evidence": "No consent wall, confirmshaming, disguised advertisement control or forced-continuity prompt interrupted the guest flow; free and paid states are visibly labelled.", "pathIds": [ "home", "book-detail", "reader", "account" ], "artifacts": [ "evidence/home-desktop.png", "evidence/book-mobile.png", "evidence/reader-mobile.png", "evidence/register-mobile.png" ] }, { "principleId": "be-trustworthy", "checkId": "humane-error-handling", "status": "not-applicable", "confidence": "high", "method": "Form inventory", "evidence": "The exercised guest search and registration-choice surfaces did not expose a user-entered validation form; the available controls are links/search and no invalid state could be meaningfully triggered.", "pathIds": [ "home", "account" ], "artifacts": [ "evidence/home-probe.json", "evidence/register-probe.json" ], "reason": "No representative required-field form was available before authentication in the tested scope." }, { "principleId": "be-trustworthy", "checkId": "trustworthy-input-assistance", "status": "pass", "confidence": "high", "method": "Form and registration probes", "evidence": "Authentication is provider/link based and the only public text input is search, where browser autocomplete remains enabled by default.", "pathIds": [ "home", "account" ], "artifacts": [ "evidence/home-probe.json", "evidence/register-probe.json" ] }, { "principleId": "be-trustworthy", "checkId": "safe-commercial-and-account-flows", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "At 360px, registration payment tiles, explanatory terms and login-provider choices extend off the visible canvas.", "pathIds": [ "account" ], "artifacts": [ "evidence/register-mobile.png", "evidence/login-mobile.png", "evidence/register-probe.json" ], "findingIds": [ "F-27" ] }, { "principleId": "be-sustainable", "checkId": "optimised-assets", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "HAR transferred 7.58MB of images; image audit found 43 oversized images, 65 legacy-format images, 37 missing responsive sources and Lighthouse estimated 5.13MB image savings.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/images.json", "evidence/lighthouse-extract.json" ], "findingIds": [ "F-28" ] }, { "principleId": "be-sustainable", "checkId": "no-wasteful-work", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "A guest homepage load made 388 requests, including 78 scripts and 45 XHR/fetches, while Lighthouse measured 4.3s main-thread work.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json", "evidence/lighthouse-home.json" ], "findingIds": [ "F-29" ] }, { "principleId": "be-sustainable", "checkId": "third-party-and-media-budget", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Fourteen third-party origins load alongside a 10–11.7MB page; 228 image requests dominate at 7.58MB and many below-fold images load eagerly.", "pathIds": [ "home" ], "artifacts": [ "evidence/trackers.json", "evidence/home-summary.json", "evidence/images.json" ], "findingIds": [ "F-30" ] }, { "principleId": "be-agent-ready", "checkId": "structured-agent-capabilities", "status": "issues", "confidence": "high", "method": "Direct visual/objective evidence review", "evidence": "Platform probe found no WebMCP registration, although product metadata and purchase/read actions make this a plausible agentic-commerce surface.", "pathIds": [ "book-detail" ], "artifacts": [ "evidence/platform-probe.json", "evidence/book-probe.json" ], "findingIds": [ "F-31" ] }, { "principleId": "be-agent-ready", "checkId": "on-device-inference", "status": "not-applicable", "confidence": "high", "method": "Platform and feature probe", "evidence": "No summarisation, translation or other inference feature is offered on the audited surfaces, so there is no server inference decision to replace.", "pathIds": [ "home" ], "artifacts": [ "evidence/platform-probe.json" ], "reason": "The current product does not expose an inference-dependent user feature." }, { "principleId": "be-memory-efficient", "checkId": "no-leak-under-repeated-interaction", "status": "pass", "confidence": "medium", "method": "Repeated-interaction memory series", "evidence": "Across 20 repeated carousel advances, live DOM count stabilised at 2,859 and heap rose between collections then dropped from 66.7MB to 54.3MB at GC, rather than growing monotonically.", "pathIds": [ "home" ], "artifacts": [ "evidence/memory-series.json" ] }, { "principleId": "be-memory-efficient", "checkId": "bounded-footprint", "status": "pass", "confidence": "medium", "method": "Heap primitive totals and runtime metrics", "evidence": "Heap snapshots reported about 29–47MB self size for a media-heavy catalog; runtime heap was collected and remained recoverable under repeated interaction.", "pathIds": [ "home" ], "artifacts": [ "evidence/heap-baseline.heapsnapshot", "evidence/heap-post.heapsnapshot", "evidence/memory-series.json" ] }, { "principleId": "be-memory-efficient", "checkId": "no-detached-dom-or-unbounded-listeners", "status": "pass", "confidence": "medium", "method": "Repeated DOM/animation metric sampling", "evidence": "The live DOM count changed only from 2,855 to 2,859 across 20 carousel advances and then remained flat; no accumulating animation objects were observed.", "pathIds": [ "home" ], "artifacts": [ "evidence/memory-series.json", "evidence/memory-metrics.json" ] } ], "principleOutcomes": [ { "principleId": "respect-user-preferences", "expectation": "default", "status": "issues", "findingIds": [ "F-01", "F-02" ] }, { "principleId": "implement-natural-interactions", "expectation": "default", "status": "issues", "findingIds": [ "F-03", "F-04" ] }, { "principleId": "provide-guided-navigation", "expectation": "default", "status": "issues", "findingIds": [ "F-05" ] }, { "principleId": "maximize-content-reduce-noise", "expectation": "default", "status": "pass" }, { "principleId": "adapt-to-the-form-factor", "expectation": "default", "status": "issues", "findingIds": [ "F-06", "F-07", "F-08" ] }, { "principleId": "support-core-task-success", "expectation": "default", "status": "issues", "findingIds": [ "F-06" ] }, { "principleId": "be-fast-and-stable", "expectation": "default", "status": "issues", "findingIds": [ "F-09", "F-10", "F-11", "F-12", "F-13" ] }, { "principleId": "be-inclusive", "expectation": "default", "status": "issues", "findingIds": [ "F-14", "F-15", "F-16", "F-17", "F-18" ] }, { "principleId": "follow-best-practices", "expectation": "default", "status": "issues", "findingIds": [ "F-19", "F-20", "F-21" ] }, { "principleId": "be-discoverable", "expectation": "default", "status": "issues", "findingIds": [ "F-22" ] }, { "principleId": "be-private-and-secure", "expectation": "default", "status": "issues", "findingIds": [ "F-23", "F-24", "F-25" ] }, { "principleId": "be-resilient", "expectation": "contextual", "status": "issues", "findingIds": [ "F-26" ] }, { "principleId": "be-internationalised", "expectation": "contextual", "status": "not-applicable", "reason": "All checks were judged not applicable for this site." }, { "principleId": "be-trustworthy", "expectation": "default", "status": "issues", "findingIds": [ "F-27" ] }, { "principleId": "be-sustainable", "expectation": "contextual", "status": "issues", "findingIds": [ "F-28", "F-29", "F-30" ] }, { "principleId": "be-agent-ready", "expectation": "contextual", "status": "issues", "findingIds": [ "F-31" ] }, { "principleId": "be-memory-efficient", "expectation": "default", "status": "pass" } ], "paths": [ { "id": "home", "description": "Homepage and global navigation: primary discovery surface and shared site chrome.", "url": "https://mechacomic.jp/", "conditions": [ "desktop 780x720", "mobile 360x800", "prefers-color-scheme: dark", "prefers-reduced-motion: reduce", "prefers-contrast: more", "keyboard focus" ], "result": "issues" }, { "id": "free-listing", "description": "Free-comics listing: representative catalog/index template.", "url": "https://mechacomic.jp/free", "conditions": [ "mobile 360x800" ], "result": "issues" }, { "id": "search", "description": "Search for キングダム: representative search/results journey.", "url": "https://mechacomic.jp/books?text=%E3%82%AD%E3%83%B3%E3%82%B0%E3%83%80%E3%83%A0", "conditions": [ "mobile 360x800" ], "result": "issues" }, { "id": "book-detail", "description": "Book 245447: representative product/detail page with structured metadata and free chapters.", "url": "https://mechacomic.jp/books/245447", "conditions": [ "mobile 360x800", "JavaScript disabled crawler comparison" ], "result": "issues" }, { "id": "reader", "description": "First free chapter from book 245447: guest core reading flow.", "url": "https://mechacomic.jp/free_chapters/3253061/download/57b572ad77af3f48e73c3d8204517dd26b9b3a1a?back_path=%2Fbooks%2F245447", "conditions": [ "mobile 360x800" ], "result": "pass" }, { "id": "account", "description": "Registration and login surfaces: representative account/commercial flow.", "url": "https://mechacomic.jp/register", "conditions": [ "mobile 360x800" ], "result": "issues" }, { "id": "recovery", "description": "Unknown URL: representative HTTP error/recovery state.", "url": "https://mechacomic.jp/this-page-does-not-exist-web-uplift", "conditions": [ "mobile 360x800" ], "result": "pass" } ], "findings": [ { "id": "F-01", "severity": "medium", "confidence": "high", "summary": "The site ignores the user’s dark-theme preference.", "evidence": "The dark-mode screenshot is byte-identical in appearance to the light capture; the probe reports color-scheme: normal and white surfaces.", "suggestedFix": "Declare color-scheme and supply preference-driven surface/text tokens with prefers-color-scheme or light-dark().", "principleId": "respect-user-preferences", "principleCheckId": "respects-color-scheme", "guidanceId": "dark-mode", "guidanceCategory": "user-experience", "artifacts": [ "evidence/home-dark.png", "evidence/home-probe.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "medium" }, { "id": "F-02", "severity": "medium", "confidence": "high", "summary": "Contrast preferences are not supported and some essential labels are already below WCAG contrast.", "evidence": "The prefers-contrast probe found no contrast/forced-colors rules; Lighthouse measured free-chapter labels at 3.73:1, below 4.5:1.", "suggestedFix": "Use system colors or forced-color-adjust-aware styling under forced-colors and strengthen low-contrast text tokens.", "principleId": "respect-user-preferences", "principleCheckId": "respects-contrast", "guidanceId": "adapt-scrollbar-to-contrast-preferences", "guidanceCategory": "accessibility", "artifacts": [ "evidence/contrast-preference-probe.json", "evidence/lighthouse-extract.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "small" }, { "id": "F-03", "severity": "low", "confidence": "medium", "summary": "Route changes are abrupt rather than continuity-preserving.", "evidence": "The homepage-to-free video contains only discrete before/after frames; page inspection found no authored view-transition CSS despite multipage navigation.", "suggestedFix": "Enable same-origin cross-document View Transitions with @view-transition and provide reduced-motion-safe fallbacks.", "principleId": "implement-natural-interactions", "principleCheckId": "view-transitions", "guidanceId": "cross-document-transitions", "guidanceCategory": "user-experience", "artifacts": [ "evidence/home-to-free.mp4", "evidence/home-probe.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "medium" }, { "id": "F-04", "severity": "low", "confidence": "medium", "summary": "The hero carousel uses legacy scripted Slick behavior instead of native scroll-snap semantics.", "evidence": "DOM/CSS capture identifies .slick-slider, translated tracks and scripted arrows; no scroll-snap implementation was observed.", "suggestedFix": "Implement the carousel as an overflow scroller with scroll-snap, native touch behavior and accessible controls; layer decoration on top.", "principleId": "implement-natural-interactions", "principleCheckId": "physical-gestures", "guidanceId": "carousel-slide-effects", "guidanceCategory": "animation", "artifacts": [ "evidence/home-probe.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "medium" }, { "id": "F-05", "severity": "low", "confidence": "medium", "summary": "Long catalog pages do not provide scroll-state-aware navigation or progress context.", "evidence": "The homepage is about 10,897px tall, while CSS/DOM evidence shows static 173px header chrome and no scroll-state query/progress affordance.", "suggestedFix": "Use a compact sticky header that responds to scroll state and consider a progress or return-to-top affordance on very long pages.", "principleId": "provide-guided-navigation", "principleCheckId": "scroll-state-aware-chrome", "guidanceId": "shrinking-header-on-scroll", "guidanceCategory": "user-experience", "artifacts": [ "evidence/home-desktop.png", "evidence/home-probe.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "medium" }, { "id": "F-06", "severity": "critical", "confidence": "high", "summary": "Primary pages render a 768px desktop canvas inside a 360px viewport.", "evidence": "Layout measured scrollWidth 768 versus clientWidth 360, a 408px overflow, on both home and book detail; every mobile screenshot except the special 404 clips key content and controls.", "suggestedFix": "Replace the fixed 768px canvas with intrinsic/fluid layout, wrap navigation, constrain media to max-inline-size:100%, and verify all templates at 320–400px.", "principleId": "adapt-to-the-form-factor", "principleCheckId": "responsive-no-horizontal-scroll", "guidanceId": "fluid-scaling", "guidanceCategory": "css", "artifacts": [ "evidence/home-layout-mobile.json", "evidence/book-layout-mobile.json", "evidence/home-mobile.png", "evidence/free-mobile.png", "evidence/book-mobile.png", "evidence/search-mobile.png", "evidence/register-mobile.png", "evidence/login-mobile.png" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-07", "severity": "high", "confidence": "high", "summary": "Reused catalog, header and account components do not adapt within narrow containers.", "evidence": "The probe found zero container rules; shared header/nav and content components remain desktop-sized and clipped on all five mobile archetypes.", "suggestedFix": "Give reusable components containment and use size container queries to switch layout, typography and action placement based on available inline size.", "principleId": "adapt-to-the-form-factor", "principleCheckId": "component-level-responsiveness", "guidanceId": "size-aware-styling", "guidanceCategory": "css", "artifacts": [ "evidence/home-mobile.png", "evidence/free-mobile.png", "evidence/book-mobile.png", "evidence/search-mobile.png", "evidence/register-mobile.png", "evidence/login-mobile.png", "evidence/home-probe.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-08", "severity": "high", "confidence": "high", "summary": "Several primary controls are far below recommended touch-target size.", "evidence": "Focus/target probe measured the search input and button at 24px high and account links at 11px high; nav targets are 39px high. Keyboard outlines are visible, but touch sizing is insufficient.", "suggestedFix": "Increase interactive hit areas to at least 44px where practical while retaining visible :focus-visible outlines and non-hover labels.", "principleId": "adapt-to-the-form-factor", "principleCheckId": "input-modality-aware", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "artifacts": [ "evidence/focus-target-probe.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "small" }, { "id": "F-09", "severity": "high", "confidence": "high", "summary": "Mobile load performance misses the Core Web Vitals quality bar.", "evidence": "Lighthouse performance scored 0.39 with LCP 7.9s, TBT 510ms and CLS 0.146; the first-party trace corroborated 2.44s LCP under a lighter desktop run.", "suggestedFix": "Prioritize the LCP asset, reduce server/document latency, defer non-critical scripts and monitor field LCP/INP/CLS.", "principleId": "be-fast-and-stable", "principleCheckId": "good-core-web-vitals", "guidanceId": "performance", "guidanceCategory": "performance", "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-trace-summary.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-10", "severity": "medium", "confidence": "high", "summary": "Unsized images create avoidable layout-shift risk.", "evidence": "Lighthouse measured CLS 0.146 and three shifts; the image audit found all 100 inspected images lacked width and height attributes.", "suggestedFix": "Reserve image space with width/height or aspect-ratio and use stable font fallbacks.", "principleId": "be-fast-and-stable", "principleCheckId": "visual-stability", "guidanceId": "visually-stable-font-fallbacks", "guidanceCategory": "performance", "artifacts": [ "evidence/lighthouse-home.json", "evidence/images.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "medium" }, { "id": "F-11", "severity": "high", "confidence": "high", "summary": "Heavy JavaScript blocks the main thread during mobile load.", "evidence": "Lighthouse reported 4.3s main-thread work, 2.5s script boot time and 510ms TBT; HAR recorded 78 script requests.", "suggestedFix": "Profile heavy scripts, remove unneeded tag/feature code, split long work and schedule non-urgent tasks by priority.", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-main-thread", "guidanceId": "break-up-long-tasks", "guidanceCategory": "performance", "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-summary.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-12", "severity": "high", "confidence": "high", "summary": "The critical network path is large and inefficient.", "evidence": "HAR recorded 388 requests and 11,694,781 transferred bytes; Lighthouse estimated 1.92s render-blocking savings, 1.12MB cache-lifetime savings and 650ms document-latency savings.", "suggestedFix": "Shorten render-blocking chains, set effective immutable caching for versioned assets, preload only the LCP resource and improve document delivery.", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-resource-delivery", "guidanceId": "optimize-preload-priority", "guidanceCategory": "performance", "artifacts": [ "evidence/home.har", "evidence/home-summary.json", "evidence/lighthouse-extract.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-13", "severity": "high", "confidence": "high", "summary": "The homepage ships substantial unused and legacy JavaScript.", "evidence": "Lighthouse estimated 1,974KiB removable unused JavaScript plus 74KiB legacy-JS savings; 78 script requests transferred 3.29MB.", "suggestedFix": "Use coverage to remove unused bundles, conditionally load optional features and reduce duplicated third-party tags.", "principleId": "be-fast-and-stable", "principleCheckId": "trim-unused-and-duplicate-code", "guidanceId": "identify-heavy-scripts", "guidanceCategory": "performance", "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-summary.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-14", "severity": "medium", "confidence": "high", "summary": "The shared search input and chapter-selection controls lack robust labels.", "evidence": "DOM probes show the search input has no associated label or aria-label, and multiple chapter checkboxes have empty label text.", "suggestedFix": "Provide persistent visible labels or programmatic names for search and each chapter checkbox; keep native roles.", "principleId": "be-inclusive", "principleCheckId": "names-roles-labels", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "artifacts": [ "evidence/home-probe.json", "evidence/book-probe.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "small" }, { "id": "F-15", "severity": "high", "confidence": "high", "summary": "Free-chapter action text fails minimum contrast.", "evidence": "Lighthouse’s axe audit repeatedly measured #cf6363 text on white at 3.73:1 for 13px bold free-chapter labels, below 4.5:1.", "suggestedFix": "Darken the action-text token or adjust its background until normal text reaches at least 4.5:1 in every state.", "principleId": "be-inclusive", "principleCheckId": "sufficient-contrast", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "artifacts": [ "evidence/lighthouse-extract.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "small" }, { "id": "F-16", "severity": "medium", "confidence": "high", "summary": "The homepage has an empty H1 and relies on minimal browser-default focus treatment.", "evidence": "Semantic probe found one H1 with empty text; focus is visible but only as a 1px auto outline, while heading hierarchy starts with promotional H2 sections.", "suggestedFix": "Give the homepage one descriptive H1 and strengthen consistent :focus-visible treatment without changing logical tab order.", "principleId": "be-inclusive", "principleCheckId": "structure-and-focus", "guidanceId": "accessibility", "guidanceCategory": "accessibility", "artifacts": [ "evidence/home-probe.json", "evidence/focus-target-probe.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "small" }, { "id": "F-17", "severity": "high", "confidence": "high", "summary": "Mobile clipping breaks reading order and hides text and controls.", "evidence": "At 360px, catalog headings, product details, payment explanations and login choices extend hundreds of pixels beyond the viewport.", "suggestedFix": "Reflow content to one column at narrow sizes, allow text to wrap, and avoid fixed inline dimensions.", "principleId": "be-inclusive", "principleCheckId": "legible-text", "guidanceId": "improve-text-layout-and-legibility", "guidanceCategory": "accessibility", "artifacts": [ "evidence/free-mobile.png", "evidence/book-mobile.png", "evidence/search-mobile.png", "evidence/register-mobile.png", "evidence/login-mobile.png" ], "pathId": "free-listing", "url": "https://mechacomic.jp/free", "effort": "large" }, { "id": "F-18", "severity": "high", "confidence": "high", "summary": "The viewport restricts zoom and the page does not reflow.", "evidence": "Lighthouse failed meta-viewport because user-scalable=no or maximum-scale<5; independent layout evidence measured 408px overflow at 360px.", "suggestedFix": "Remove user-scalable=no/low maximum-scale, preserve pinch zoom and make all templates reflow at 320 CSS pixels.", "principleId": "be-inclusive", "principleCheckId": "zoom-reflow-targets-and-media", "guidanceId": "fluid-scaling", "guidanceCategory": "accessibility", "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-layout-mobile.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "medium" }, { "id": "F-19", "severity": "medium", "confidence": "high", "summary": "The page logs browser errors during load.", "evidence": "Lighthouse failed errors-in-console; the retained Lighthouse JSON contains the affected console records.", "suggestedFix": "Fix first-party exceptions and failed resources, and gate noisy third-party failures so production loads cleanly.", "principleId": "follow-best-practices", "principleCheckId": "no-console-errors", "guidanceId": "html", "guidanceCategory": "html", "artifacts": [ "evidence/lighthouse-home.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "medium" }, { "id": "F-20", "severity": "high", "confidence": "high", "summary": "Image delivery and sizing are systematically unsound.", "evidence": "Image audit found 100/100 images without dimensions, 43 oversized, 87 below-fold images not lazy-loaded, 37 without srcset and 65 in legacy formats.", "suggestedFix": "Emit intrinsic dimensions, responsive srcset/sizes, lazy-load below-fold images and use AVIF/WebP where suitable.", "principleId": "follow-best-practices", "principleCheckId": "sound-document-and-assets", "guidanceId": "optimize-image-priority", "guidanceCategory": "performance", "artifacts": [ "evidence/images.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-21", "severity": "medium", "confidence": "high", "summary": "The page triggers deprecation, DevTools Issues and BFCache failures.", "evidence": "Lighthouse reported one deprecated-API warning, Inspector Issues, and three reasons preventing back/forward cache restoration.", "suggestedFix": "Remove deprecated APIs, resolve DevTools Issues and lifecycle/BFCache blockers, and ensure modern source maps are available.", "principleId": "follow-best-practices", "principleCheckId": "browser-platform-hygiene", "guidanceId": "html", "guidanceCategory": "html", "artifacts": [ "evidence/lighthouse-home.json", "evidence/lighthouse-extract.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "medium" }, { "id": "F-22", "severity": "medium", "confidence": "high", "summary": "Content is crawlable, but the public pages are not mobile-friendly and many promotional anchors have no text node.", "evidence": "Robots/sitemap and real hrefs are present, yet mobile layouts overflow by 408px and the link probe lists numerous empty-text hero anchors.", "suggestedFix": "Keep real hrefs and image alternatives, add descriptive textual link names, and make public templates reflow on mobile.", "principleId": "be-discoverable", "principleCheckId": "crawlable-and-mobile-friendly", "guidanceId": "html", "guidanceCategory": "html", "artifacts": [ "evidence/home-probe.json", "evidence/home-layout-mobile.json", "evidence/robots.txt", "evidence/sitemap.xml" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-23", "severity": "high", "confidence": "high", "summary": "HTTPS is present, but CSP is absent and multiple cookies use weak transport/cross-site settings.", "evidence": "Headers show HSTS/nosniff/XFO but no CSP; cookie audit found four non-Secure cookies and several SameSite=None cookies. Secret scan found no exposed credentials.", "suggestedFix": "Deploy a nonce/hash-based CSP and mark HTTPS-only cookies Secure with the narrowest workable SameSite and HttpOnly settings.", "principleId": "be-private-and-secure", "principleCheckId": "secure-transport-and-headers", "guidanceId": "security", "guidanceCategory": "security", "artifacts": [ "evidence/headers.json", "evidence/cookies.json", "evidence/secrets.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "medium" }, { "id": "F-24", "severity": "high", "confidence": "high", "summary": "A large tracking footprint loads before the user takes an action.", "evidence": "Tracker capture found 14 third-party origins and five known tracker families including Facebook, Google Analytics and DoubleClick; HAR shows extensive network activity.", "suggestedFix": "Inventory each third party, remove nonessential trackers, delay consent-dependent code and batch/minimise analytics events.", "principleId": "be-private-and-secure", "principleCheckId": "data-minimisation-and-third-parties", "guidanceId": "privacy", "guidanceCategory": "privacy", "artifacts": [ "evidence/trackers.json", "evidence/home-summary.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-25", "severity": "medium", "confidence": "high", "summary": "Defensive browser policy coverage is incomplete.", "evidence": "HSTS, X-Frame-Options, nosniff and Referrer-Policy are present, but CSP and Permissions-Policy are missing.", "suggestedFix": "Add a restrictive CSP including frame-ancestors and a least-privilege Permissions-Policy; evaluate Trusted Types for script-sensitive surfaces.", "principleId": "be-private-and-secure", "principleCheckId": "defensive-browser-policies", "guidanceId": "security", "guidanceCategory": "security", "artifacts": [ "evidence/headers.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "medium" }, { "id": "F-26", "severity": "low", "confidence": "medium", "summary": "The app-like comic store has no installed web app manifest or service worker fallback.", "evidence": "Platform probe found no manifest link and zero service-worker registrations on the interactive reading/catalog experience.", "suggestedFix": "Add a manifest and a narrowly scoped service worker that serves an offline shell/fallback while never caching sensitive purchase responses.", "principleId": "be-resilient", "principleCheckId": "offline-and-installable", "guidanceId": "conditional-async-dependencies", "guidanceCategory": "performance", "artifacts": [ "evidence/platform-probe.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-27", "severity": "high", "confidence": "high", "summary": "Account and payment-choice screens are not safely reviewable on a phone because commitments and controls are clipped.", "evidence": "At 360px, registration payment tiles, explanatory terms and login-provider choices extend off the visible canvas.", "suggestedFix": "Reflow commercial/account screens so pricing, terms, provider identity and reversal/navigation actions are fully visible before commitment.", "principleId": "be-trustworthy", "principleCheckId": "safe-commercial-and-account-flows", "guidanceId": "forms", "guidanceCategory": "forms", "artifacts": [ "evidence/register-mobile.png", "evidence/login-mobile.png", "evidence/register-probe.json" ], "pathId": "account", "url": "https://mechacomic.jp/register", "effort": "large" }, { "id": "F-28", "severity": "high", "confidence": "high", "summary": "Image payload is far larger than needed for displayed sizes.", "evidence": "HAR transferred 7.58MB of images; image audit found 43 oversized images, 65 legacy-format images, 37 missing responsive sources and Lighthouse estimated 5.13MB image savings.", "suggestedFix": "Generate correctly sized AVIF/WebP variants, provide srcset/sizes and avoid downloading hidden carousel clones.", "principleId": "be-sustainable", "principleCheckId": "optimised-assets", "guidanceId": "deliver-optimized-decorative-images", "guidanceCategory": "performance", "artifacts": [ "evidence/home-summary.json", "evidence/images.json", "evidence/lighthouse-extract.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-29", "severity": "high", "confidence": "high", "summary": "The initial page performs disproportionate background/network work.", "evidence": "A guest homepage load made 388 requests, including 78 scripts and 45 XHR/fetches, while Lighthouse measured 4.3s main-thread work.", "suggestedFix": "Defer nonessential fetches until intent/visibility, consolidate analytics and remove work for off-screen or duplicated carousel content.", "principleId": "be-sustainable", "principleCheckId": "no-wasteful-work", "guidanceId": "deprioritize-background-fetches", "guidanceCategory": "performance", "artifacts": [ "evidence/home-summary.json", "evidence/lighthouse-home.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-30", "severity": "high", "confidence": "high", "summary": "Third-party and promotional media cost is disproportionate to first-viewport value.", "evidence": "Fourteen third-party origins load alongside a 10–11.7MB page; 228 image requests dominate at 7.58MB and many below-fold images load eagerly.", "suggestedFix": "Set a third-party/media budget, lazy-load below-fold catalog imagery and only activate optional trackers after justified consent or interaction.", "principleId": "be-sustainable", "principleCheckId": "third-party-and-media-budget", "guidanceId": "efficient-background-processing", "guidanceCategory": "performance", "artifacts": [ "evidence/trackers.json", "evidence/home-summary.json", "evidence/images.json" ], "pathId": "home", "url": "https://mechacomic.jp/", "effort": "large" }, { "id": "F-31", "severity": "low", "confidence": "medium", "summary": "The commerce/catalog experience exposes no structured agent capability surface.", "evidence": "Platform probe found no WebMCP registration, although product metadata and purchase/read actions make this a plausible agentic-commerce surface.", "suggestedFix": "Expose narrowly scoped read/search/catalog tools first, with confirmation and policy boundaries around account or purchase actions.", "principleId": "be-agent-ready", "principleCheckId": "structured-agent-capabilities", "guidanceId": "webmcp", "guidanceCategory": "ai", "artifacts": [ "evidence/platform-probe.json", "evidence/book-probe.json" ], "pathId": "book-detail", "url": "https://mechacomic.jp/books/245447", "effort": "large" } ], "taskList": [ { "id": "T-01", "title": "Replace the fixed 768px canvas with intrinsic/fluid layout, wrap navigation, constrain media to max-inline-size:100%, and verify all templates at 320–400px.", "priority": 1, "findingIds": [ "F-06" ], "guidanceId": "fluid-scaling", "status": "open" }, { "id": "T-02", "title": "Give reusable components containment and use size container queries to switch layout, typography and action placement based on available inline size.", "priority": 2, "findingIds": [ "F-07" ], "guidanceId": "size-aware-styling", "status": "open" }, { "id": "T-03", "title": "Increase interactive hit areas to at least 44px where practical while retaining visible :focus-visible outlines and non-hover labels.", "priority": 3, "findingIds": [ "F-08" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T-04", "title": "Prioritize the LCP asset, reduce server/document latency, defer non-critical scripts and monitor field LCP/INP/CLS.", "priority": 4, "findingIds": [ "F-09" ], "guidanceId": "performance", "status": "open" }, { "id": "T-05", "title": "Profile heavy scripts, remove unneeded tag/feature code, split long work and schedule non-urgent tasks by priority.", "priority": 5, "findingIds": [ "F-11" ], "guidanceId": "break-up-long-tasks", "status": "open" }, { "id": "T-06", "title": "Shorten render-blocking chains, set effective immutable caching for versioned assets, preload only the LCP resource and improve document delivery.", "priority": 6, "findingIds": [ "F-12" ], "guidanceId": "optimize-preload-priority", "status": "open" }, { "id": "T-07", "title": "Use coverage to remove unused bundles, conditionally load optional features and reduce duplicated third-party tags.", "priority": 7, "findingIds": [ "F-13" ], "guidanceId": "identify-heavy-scripts", "status": "open" }, { "id": "T-08", "title": "Darken the action-text token or adjust its background until normal text reaches at least 4.5:1 in every state.", "priority": 8, "findingIds": [ "F-15" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T-09", "title": "Reflow content to one column at narrow sizes, allow text to wrap, and avoid fixed inline dimensions.", "priority": 9, "findingIds": [ "F-17" ], "guidanceId": "improve-text-layout-and-legibility", "status": "open" }, { "id": "T-10", "title": "Remove user-scalable=no/low maximum-scale, preserve pinch zoom and make all templates reflow at 320 CSS pixels.", "priority": 10, "findingIds": [ "F-18" ], "guidanceId": "fluid-scaling", "status": "open" }, { "id": "T-11", "title": "Emit intrinsic dimensions, responsive srcset/sizes, lazy-load below-fold images and use AVIF/WebP where suitable.", "priority": 11, "findingIds": [ "F-20" ], "guidanceId": "optimize-image-priority", "status": "open" }, { "id": "T-12", "title": "Deploy a nonce/hash-based CSP and mark HTTPS-only cookies Secure with the narrowest workable SameSite and HttpOnly settings.", "priority": 12, "findingIds": [ "F-23" ], "guidanceId": "security", "status": "open" }, { "id": "T-13", "title": "Inventory each third party, remove nonessential trackers, delay consent-dependent code and batch/minimise analytics events.", "priority": 13, "findingIds": [ "F-24" ], "guidanceId": "privacy", "status": "open" }, { "id": "T-14", "title": "Reflow commercial/account screens so pricing, terms, provider identity and reversal/navigation actions are fully visible before commitment.", "priority": 14, "findingIds": [ "F-27" ], "guidanceId": "forms", "status": "open" }, { "id": "T-15", "title": "Generate correctly sized AVIF/WebP variants, provide srcset/sizes and avoid downloading hidden carousel clones.", "priority": 15, "findingIds": [ "F-28" ], "guidanceId": "deliver-optimized-decorative-images", "status": "open" }, { "id": "T-16", "title": "Defer nonessential fetches until intent/visibility, consolidate analytics and remove work for off-screen or duplicated carousel content.", "priority": 16, "findingIds": [ "F-29" ], "guidanceId": "deprioritize-background-fetches", "status": "open" }, { "id": "T-17", "title": "Set a third-party/media budget, lazy-load below-fold catalog imagery and only activate optional trackers after justified consent or interaction.", "priority": 17, "findingIds": [ "F-30" ], "guidanceId": "efficient-background-processing", "status": "open" }, { "id": "T-18", "title": "Declare color-scheme and supply preference-driven surface/text tokens with prefers-color-scheme or light-dark().", "priority": 18, "findingIds": [ "F-01" ], "guidanceId": "dark-mode", "status": "open" }, { "id": "T-19", "title": "Use system colors or forced-color-adjust-aware styling under forced-colors and strengthen low-contrast text tokens.", "priority": 19, "findingIds": [ "F-02" ], "guidanceId": "adapt-scrollbar-to-contrast-preferences", "status": "open" }, { "id": "T-20", "title": "Reserve image space with width/height or aspect-ratio and use stable font fallbacks.", "priority": 20, "findingIds": [ "F-10" ], "guidanceId": "visually-stable-font-fallbacks", "status": "open" }, { "id": "T-21", "title": "Provide persistent visible labels or programmatic names for search and each chapter checkbox; keep native roles.", "priority": 21, "findingIds": [ "F-14" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T-22", "title": "Give the homepage one descriptive H1 and strengthen consistent :focus-visible treatment without changing logical tab order.", "priority": 22, "findingIds": [ "F-16" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T-23", "title": "Fix first-party exceptions and failed resources, and gate noisy third-party failures so production loads cleanly.", "priority": 23, "findingIds": [ "F-19" ], "guidanceId": "html", "status": "open" }, { "id": "T-24", "title": "Remove deprecated APIs, resolve DevTools Issues and lifecycle/BFCache blockers, and ensure modern source maps are available.", "priority": 24, "findingIds": [ "F-21" ], "guidanceId": "html", "status": "open" }, { "id": "T-25", "title": "Keep real hrefs and image alternatives, add descriptive textual link names, and make public templates reflow on mobile.", "priority": 25, "findingIds": [ "F-22" ], "guidanceId": "html", "status": "open" }, { "id": "T-26", "title": "Add a restrictive CSP including frame-ancestors and a least-privilege Permissions-Policy; evaluate Trusted Types for script-sensitive surfaces.", "priority": 26, "findingIds": [ "F-25" ], "guidanceId": "security", "status": "open" }, { "id": "T-27", "title": "Enable same-origin cross-document View Transitions with @view-transition and provide reduced-motion-safe fallbacks.", "priority": 27, "findingIds": [ "F-03" ], "guidanceId": "cross-document-transitions", "status": "open" }, { "id": "T-28", "title": "Implement the carousel as an overflow scroller with scroll-snap, native touch behavior and accessible controls; layer decoration on top.", "priority": 28, "findingIds": [ "F-04" ], "guidanceId": "carousel-slide-effects", "status": "open" }, { "id": "T-29", "title": "Use a compact sticky header that responds to scroll state and consider a progress or return-to-top affordance on very long pages.", "priority": 29, "findingIds": [ "F-05" ], "guidanceId": "shrinking-header-on-scroll", "status": "open" }, { "id": "T-30", "title": "Add a manifest and a narrowly scoped service worker that serves an offline shell/fallback while never caching sensitive purchase responses.", "priority": 30, "findingIds": [ "F-26" ], "guidanceId": "conditional-async-dependencies", "status": "open" }, { "id": "T-31", "title": "Expose narrowly scoped read/search/catalog tools first, with confirmation and policy boundaries around account or purchase actions.", "priority": 31, "findingIds": [ "F-31" ], "guidanceId": "webmcp", "status": "open" } ], "budget": { "pathCount": 7, "auditPasses": 1 }, "agent": "pi", "runId": "2026-07-23T17-38-34-899Z" }