{ "url": "https://clever.com", "auditedAt": "2026-07-22T04:33:12.686Z", "mode": "report", "status": "completed", "statusDetail": "Coverage-complete report-mode audit of eight representative public routes. Authenticated dashboards, successful real-data form submission, account management, application-partner portals and every localized variant were not covered.", "page": { "appType": "mpa", "framework": "WordPress marketing MPA; separate server-rendered React login surface", "notes": "Public education identity platform with marketing, content, signup and login journeys." }, "evidenceUsed": [ "screenshot", "dom", "layout-metrics", "evaluate-probe", "trace", "har", "discoverability", "headers", "cookies", "trackers", "secrets", "images", "heap-summary", "lighthouse" ], "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": "other", "path": "evidence/accessibility-structure-probe.json", "caption": "accessibility structure probe", "findingIds": [ "F007" ] }, { "type": "screenshot", "path": "evidence/article-desktop.png", "caption": "article desktop", "findingIds": [ "F024" ] }, { "type": "dom", "path": "evidence/article-dom.json", "caption": "article dom", "findingIds": [] }, { "type": "screenshot", "path": "evidence/blog-desktop.png", "caption": "blog desktop", "findingIds": [] }, { "type": "dom", "path": "evidence/blog-dom.json", "caption": "blog dom", "findingIds": [] }, { "type": "layout", "path": "evidence/blog-layout-mobile.json", "caption": "blog layout mobile", "findingIds": [] }, { "type": "other", "path": "evidence/blog-links.json", "caption": "blog links", "findingIds": [] }, { "type": "layout", "path": "evidence/district-signup-layout-mobile.json", "caption": "district signup layout mobile", "findingIds": [] }, { "type": "heap", "path": "evidence/heap-baseline.heapsnapshot", "caption": "heap baseline", "findingIds": [] }, { "type": "heap", "path": "evidence/heap-post.heapsnapshot", "caption": "heap post", "findingIds": [] }, { "type": "other", "path": "evidence/home-cookies.json", "caption": "home cookies", "findingIds": [] }, { "type": "screenshot", "path": "evidence/home-dark.png", "caption": "home dark", "findingIds": [ "F001" ] }, { "type": "screenshot", "path": "evidence/home-desktop.png", "caption": "home desktop", "findingIds": [] }, { "type": "screenshot", "path": "evidence/home-discoverability-crawler.png", "caption": "home discoverability crawler", "findingIds": [] }, { "type": "screenshot", "path": "evidence/home-discoverability-rendered.png", "caption": "home discoverability rendered", "findingIds": [] }, { "type": "discoverability", "path": "evidence/home-discoverability.json", "caption": "home discoverability", "findingIds": [] }, { "type": "dom", "path": "evidence/home-dom.json", "caption": "home dom", "findingIds": [ "F002" ] }, { "type": "screenshot", "path": "evidence/home-focus.png", "caption": "home focus", "findingIds": [] }, { "type": "other", "path": "evidence/home-headers.json", "caption": "home headers", "findingIds": [ "F019", "F022" ] }, { "type": "screenshot", "path": "evidence/home-high-contrast.png", "caption": "home high contrast", "findingIds": [] }, { "type": "other", "path": "evidence/home-images.json", "caption": "home images", "findingIds": [ "F015", "F027" ] }, { "type": "layout", "path": "evidence/home-layout-mobile.json", "caption": "home layout mobile", "findingIds": [] }, { "type": "screenshot", "path": "evidence/home-mobile.png", "caption": "home mobile", "findingIds": [] }, { "type": "other", "path": "evidence/home-secrets.json", "caption": "home secrets", "findingIds": [] }, { "type": "har-summary", "path": "evidence/home-summary.json", "caption": "home summary", "findingIds": [ "F012", "F029" ] }, { "type": "trace-summary", "path": "evidence/home-trace-summary.json", "caption": "home trace summary", "findingIds": [] }, { "type": "trace", "path": "evidence/home-trace.json", "caption": "home trace", "findingIds": [] }, { "type": "other", "path": "evidence/home-trackers.json", "caption": "home trackers", "findingIds": [ "F020" ] }, { "type": "har", "path": "evidence/home.har", "caption": "home", "findingIds": [] }, { "type": "lighthouse", "path": "evidence/lighthouse-home.json", "caption": "lighthouse home", "findingIds": [ "F009", "F010", "F011", "F013", "F028" ] }, { "type": "lighthouse", "path": "evidence/lighthouse-signup.json", "caption": "lighthouse signup", "findingIds": [ "F005", "F014", "F016" ] }, { "type": "screenshot", "path": "evidence/login-desktop.png", "caption": "login desktop", "findingIds": [ "F021" ] }, { "type": "dom", "path": "evidence/login-dom.json", "caption": "login dom", "findingIds": [] }, { "type": "other", "path": "evidence/login-probe.json", "caption": "login probe", "findingIds": [] }, { "type": "other", "path": "evidence/motion-modern-css.json", "caption": "motion modern css", "findingIds": [] }, { "type": "other", "path": "evidence/not-found-probe.json", "caption": "not found probe", "findingIds": [] }, { "type": "screenshot", "path": "evidence/not-found.png", "caption": "not found", "findingIds": [] }, { "type": "other", "path": "evidence/platform-metadata-probe.json", "caption": "platform metadata probe", "findingIds": [ "F017", "F018", "F023" ] }, { "type": "dom", "path": "evidence/pricing-dom.json", "caption": "pricing dom", "findingIds": [] }, { "type": "layout", "path": "evidence/pricing-layout-mobile.json", "caption": "pricing layout mobile", "findingIds": [] }, { "type": "screenshot", "path": "evidence/pricing-mobile.png", "caption": "pricing mobile", "findingIds": [ "F006" ] }, { "type": "other", "path": "evidence/recon.json", "caption": "recon", "findingIds": [] }, { "type": "other", "path": "evidence/robots-sitemap.json", "caption": "robots sitemap", "findingIds": [] }, { "type": "screenshot", "path": "evidence/schools-desktop.png", "caption": "schools desktop", "findingIds": [] }, { "type": "dom", "path": "evidence/schools-dom.json", "caption": "schools dom", "findingIds": [] }, { "type": "layout", "path": "evidence/schools-layout-mobile.json", "caption": "schools layout mobile", "findingIds": [ "F003" ] }, { "type": "screenshot", "path": "evidence/signup-desktop.png", "caption": "signup desktop", "findingIds": [] }, { "type": "dom", "path": "evidence/signup-dom.json", "caption": "signup dom", "findingIds": [ "F004" ] }, { "type": "other", "path": "evidence/signup-form-probe.json", "caption": "signup form probe", "findingIds": [ "F008", "F025", "F026" ] }, { "type": "screenshot", "path": "evidence/signup-invalid.png", "caption": "signup invalid", "findingIds": [] } ], "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": "a screenshot or computed background under an emulated prefers-color-scheme: dark condition will reveal whether surfaces re-tint; the page CSS / a color-scheme declaration is corroborating evidence. The model chooses the method.", "evidence": "The light and dark preference screenshots are pixel-identical (425,026 bytes each); white surfaces remain white under prefers-color-scheme: dark.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-dark.png" ], "findingIds": [ "F001" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-reduced-motion", "status": "pass", "confidence": "high", "method": "a transition video, or an in-page probe of getAnimations()/computed animation under an emulated prefers-reduced-motion: reduce condition, can show whether motion stops. The model chooses.", "evidence": "Reduced-motion probe found zero active animations and a prefers-reduced-motion CSS rule.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/motion-modern-css.json" ] }, { "principleId": "respect-user-preferences", "checkId": "respects-contrast", "status": "pass", "confidence": "high", "method": "a screenshot under emulated prefers-contrast: more / forced-colors, or an axe/contrast probe, can show whether controls and text survive. The model chooses.", "evidence": "Forced-colors plus prefers-contrast screenshot retained visible text, links and control outlines.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/home-high-contrast.png" ] }, { "principleId": "implement-natural-interactions", "checkId": "view-transitions", "status": "issues", "confidence": "high", "method": "a transition video of a route/state change shows whether it animates; the page source / ::view-transition usage corroborates. The model chooses.", "evidence": "DOM and CSS inspection across the WordPress templates found no view-transition-name or cross-document @view-transition rule.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-dom.json" ], "findingIds": [ "F002" ] }, { "principleId": "implement-natural-interactions", "checkId": "scroll-driven-animations", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative route and interaction recon.", "evidence": "The inspected templates do not contain parallax, scrollytelling, reveal or other scroll-linked motion that would require a scroll timeline.", "reason": "The inspected templates do not contain parallax, scrollytelling, reveal or other scroll-linked motion that would require a scroll timeline.", "pathIds": [ "home" ] }, { "principleId": "implement-natural-interactions", "checkId": "physical-gestures", "status": "pass", "confidence": "high", "method": "CSS inspection for scroll-snap / overscroll-behavior / physics-based easing vs custom pointermove listeners. The model chooses.", "evidence": "CSS probe found scroll-snap-type and no evidence of pointermove-driven gesture overrides on inspected journeys.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/motion-modern-css.json" ] }, { "principleId": "provide-guided-navigation", "checkId": "scroll-state-aware-chrome", "status": "issues", "confidence": "high", "method": "a transition video of scrolling, or CSS inspection for scroll-state container queries. The model chooses.", "evidence": "Screenshots and CSS inspection show a static header across pages as long as 12,536 CSS pixels, with no progress indicator or scroll-state query.", "pathIds": [ "home" ], "artifacts": [ "evidence/schools-layout-mobile.json" ], "findingIds": [ "F003" ] }, { "principleId": "provide-guided-navigation", "checkId": "anchored-positioning", "status": "issues", "confidence": "high", "method": "CSS inspection for anchor-name / position-anchor / position-try on overlays; a screenshot of an open overlay near a viewport edge can show drift. The model chooses.", "evidence": "DOM inspection shows nested custom ul/div/button menus; no anchor-name, position-anchor, popover, dialog, or details primitives were present.", "pathIds": [ "home" ], "artifacts": [ "evidence/signup-dom.json" ], "findingIds": [ "F004" ] }, { "principleId": "provide-guided-navigation", "checkId": "directs-attention", "status": "pass", "confidence": "high", "method": "CSS inspection for ::highlight / scroll-marker; a transition video can show whether attention is cued after navigation. The model chooses.", "evidence": "Page headings, selected tab treatments, large labelled CTAs and visible menu state consistently direct attention.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/home-desktop.png", "evidence/pricing-mobile.png" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "no-intrusive-interruptions", "status": "pass", "confidence": "high", "method": "a screenshot on load, or a DOM probe for full-viewport overlays present before interaction. The model chooses.", "evidence": "All first-load screenshots show content immediately with no interstitial or obscuring consent wall.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/home-desktop.png", "evidence/schools-desktop.png", "evidence/article-desktop.png" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "semantic-dismissible-primitives", "status": "issues", "confidence": "high", "method": "DOM/source inspection for popover / /
vs custom overlay divs with manual dismiss handling. The model chooses.", "evidence": "The platform probe found zero dialog, popover and details elements; Lighthouse also found invalid direct div/button children in submenu lists.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-signup.json" ], "findingIds": [ "F005" ] }, { "principleId": "maximize-content-reduce-noise", "checkId": "reduced-chrome", "status": "pass", "confidence": "high", "method": "a screenshot plus layout metrics can show the proportion of the viewport given to chrome vs content. The model chooses.", "evidence": "The first view is content-led with a single compact header and generous whitespace; no application frame crowds the page.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/home-desktop.png" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "responsive-no-horizontal-scroll", "status": "pass", "confidence": "high", "method": "layout metrics (scrollWidth vs innerWidth) and a screenshot at an emulated narrow mobile viewport reveal overflow. The model chooses.", "evidence": "All five marketing templates reported 360 px scroll width at a 360 px viewport and zero horizontal overflow.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/home-layout-mobile.json", "evidence/schools-layout-mobile.json", "evidence/pricing-layout-mobile.json", "evidence/blog-layout-mobile.json", "evidence/district-signup-layout-mobile.json" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "component-level-responsiveness", "status": "issues", "confidence": "high", "method": "CSS inspection for @container / container-type; a computed-style probe of the same component in a wide vs narrow container shows whether it adapts. The model chooses.", "evidence": "CSS inspection across rendered templates found no @container rule even though cards, tabs and navigation components recur in multiple widths.", "pathIds": [ "home" ], "artifacts": [ "evidence/pricing-mobile.png" ], "findingIds": [ "F006" ] }, { "principleId": "adapt-to-the-form-factor", "checkId": "input-modality-aware", "status": "issues", "confidence": "high", "method": "a focus probe (focus an element, read the computed outline) or an axe target-size check; a screenshot of a focused control corroborates. The model chooses.", "evidence": "The evaluate probe found many visible links with 16 to 19 pixel boxes and social links 27 by 19 pixels, below robust touch-target guidance.", "pathIds": [ "home" ], "artifacts": [ "evidence/accessibility-structure-probe.json" ], "findingIds": [ "F007" ] }, { "principleId": "support-core-task-success", "checkId": "clear-purpose-and-primary-action", "status": "pass", "confidence": "high", "method": "screenshot the first viewport and key scrolled states; inspect heading structure, nav labels, button text, and visual hierarchy; a task walkthrough can show whether the next action is obvious. The model chooses.", "evidence": "Homepage, school, pricing and signup screenshots use specific headings and visually dominant next actions.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/home-desktop.png", "evidence/schools-desktop.png", "evidence/signup-desktop.png" ] }, { "principleId": "support-core-task-success", "checkId": "primary-flow-completion", "status": "pass", "confidence": "high", "method": "run the flow manually with screenshots/DOM snapshots at each step; compare expected vs actual path length; inspect form requirements, navigation continuity, and blockers. The model chooses.", "evidence": "The primary marketing journey reaches the district signup form and the student journey reaches a dedicated Badge/Password login chooser without a dead-end.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/signup-desktop.png", "evidence/login-desktop.png" ] }, { "principleId": "support-core-task-success", "checkId": "clear-system-state-and-recovery", "status": "issues", "confidence": "high", "method": "exercise network delay/failure, invalid input, empty data and success states; screenshot the state messaging and recovery controls; inspect whether browser history and focus remain sensible. The model chooses.", "evidence": "All visually required fields reported required=false and empty validationMessage; clicking submit left the captured viewport unchanged.", "pathIds": [ "signup" ], "artifacts": [ "evidence/signup-form-probe.json" ], "findingIds": [ "F008" ] }, { "principleId": "be-fast-and-stable", "checkId": "good-core-web-vitals", "status": "issues", "confidence": "high", "method": "Lighthouse reports LCP/CLS/TBT directly and the model may run it; layout metrics + a layout-shift observer + a long-task observer (the evidence primitives) give the same signal first-party. The model chooses.", "evidence": "Lighthouse measured LCP 10.2 s and CLS 0.226, with performance 52; the trace separately measured LCP 3.65 s on a faster desktop run.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json" ], "findingIds": [ "F009" ] }, { "principleId": "be-fast-and-stable", "checkId": "visual-stability", "status": "issues", "confidence": "high", "method": "the layout primitive's CLS observer captures shifts; a transition video of the first seconds shows content jumping. The model chooses.", "evidence": "Lighthouse measured cumulative layout shift 0.226. The short layout observer measured 0, indicating the shift occurs outside that observer window, not that it is absent.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json" ], "findingIds": [ "F010" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-main-thread", "status": "issues", "confidence": "high", "method": "the layout primitive records long tasks; a heap summary shows the object population; Lighthouse reports TBT. The model chooses.", "evidence": "Lighthouse reported interactive at 17.1 s and 434 KiB estimated unused JavaScript; TBT was only 80 ms and the trace saw no long tasks.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json" ], "findingIds": [ "F011" ] }, { "principleId": "be-fast-and-stable", "checkId": "efficient-resource-delivery", "status": "issues", "confidence": "high", "method": "a HAR summary can reveal cache headers, redirects, render-blocking candidates, weight offenders and dependency shape; a trace/Lighthouse insight report can corroborate LCP discovery, render-blocking, font-display and document latency. The model chooses.", "evidence": "HAR recorded 68 requests and 3.92 MB transferred, including seven parser-blocking stylesheets and parser-inserted scripts; the largest image alone transferred 1.08 MB.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json" ], "findingIds": [ "F012" ] }, { "principleId": "be-fast-and-stable", "checkId": "trim-unused-and-duplicate-code", "status": "issues", "confidence": "high", "method": "Lighthouse/trace/code-coverage style evidence can flag unused JS/CSS, duplicated JavaScript and legacy code; a HAR summary shows third-party byte cost and request count. The model chooses.", "evidence": "Lighthouse estimated 434 KiB unused JavaScript and 31 KiB unused CSS, including 67% waste in the theme script and 86% in theme CSS.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json" ], "findingIds": [ "F013" ] }, { "principleId": "be-inclusive", "checkId": "names-roles-labels", "status": "pass", "confidence": "high", "method": "axe-core (injectable via the evaluate primitive) or Lighthouse's a11y audits enumerate these; a DOM probe of the accessibility-relevant attributes is a first-party alternative. The model chooses.", "evidence": "Lighthouse home image-alt passed and the signup probe found labels for visible controls; login method cards have explicit aria-labels.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/signup-form-probe.json", "evidence/login-dom.json" ] }, { "principleId": "be-inclusive", "checkId": "sufficient-contrast", "status": "pass", "confidence": "high", "method": "axe contrast rules, a Lighthouse contrast audit, or an in-page probe computing contrast ratios from computed colours. The model chooses.", "evidence": "Lighthouse color-contrast passed and forced-colors inspection preserved readable contrast.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/home-high-contrast.png" ] }, { "principleId": "be-inclusive", "checkId": "structure-and-focus", "status": "issues", "confidence": "high", "method": "axe/Lighthouse structural audits; a focus-walk probe (tab through, read activeElement + computed outline) is a first-party alternative. The model chooses.", "evidence": "Lighthouse found the form title jumps to h4 and multiple ul elements contain direct div or button children.", "pathIds": [ "signup" ], "artifacts": [ "evidence/lighthouse-signup.json" ], "findingIds": [ "F014" ] }, { "principleId": "be-inclusive", "checkId": "legible-text", "status": "pass", "confidence": "high", "method": "a screenshot of body and heading text, plus CSS inspection for text-wrap / text alignment / font fallback handling. The model chooses.", "evidence": "Screenshots show comfortable type sizes, spacing and line lengths on desktop and mobile without clipping.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/home-mobile.png", "evidence/article-desktop.png" ] }, { "principleId": "be-inclusive", "checkId": "zoom-reflow-targets-and-media", "status": "pass", "confidence": "high", "method": "Lighthouse/axe target-size, meta-viewport and media-caption audits are useful signals; screenshots at narrow and zoomed conditions plus DOM/media inspection can corroborate. The model chooses.", "evidence": "Viewport permits scaling to 5, all tested templates reflow without horizontal overflow, and no essential timed media appears in core views.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/platform-metadata-probe.json", "evidence/home-layout-mobile.json" ] }, { "principleId": "follow-best-practices", "checkId": "no-console-errors", "status": "pass", "confidence": "high", "method": "capture Runtime/Log CDP events, or a probe that reads collected errors; Lighthouse reports this too. The model chooses.", "evidence": "Lighthouse errors-in-console audit passed with no items.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/lighthouse-home.json" ] }, { "principleId": "follow-best-practices", "checkId": "sound-document-and-assets", "status": "issues", "confidence": "high", "method": "a DOM/source probe for doctype/charset/img dimensions; CSS inspection for repetition; Lighthouse best-practices audits cover the rest. The model chooses.", "evidence": "The image primitive found 19 images without dimensions and 21 oversized images among 63 inspected; the logo natural width was 382 px for a 118 px display width.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-images.json" ], "findingIds": [ "F015" ] }, { "principleId": "follow-best-practices", "checkId": "browser-platform-hygiene", "status": "issues", "confidence": "high", "method": "Lighthouse best-practices audits and DevTools inspector/deprecation signals can surface these; DOM/source probes can verify paste handlers and prompt timing. The model chooses.", "evidence": "Lighthouse signup found three deprecated API warnings in the Cloudflare challenge script and a large first-party theme script without a source map.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-signup.json" ], "findingIds": [ "F016" ] }, { "principleId": "be-discoverable", "checkId": "title-and-description", "status": "issues", "confidence": "high", "method": "a DOM probe reads and meta[name=description]; Lighthouse SEO audits cover the same ground. The model chooses.", "evidence": "The metadata probe returned title Clever and description null; Lighthouse SEO scored 92 and failed meta-description.", "pathIds": [ "home" ], "artifacts": [ "evidence/platform-metadata-probe.json" ], "findingIds": [ "F017" ] }, { "principleId": "be-discoverable", "checkId": "crawlable-and-mobile-friendly", "status": "pass", "confidence": "high", "method": "a DOM probe for anchor hrefs, viewport meta, and robots; Lighthouse SEO audits corroborate. The model chooses.", "evidence": "Lighthouse crawlable anchors and robots audits passed; viewport is present and the page has descriptive real links.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/lighthouse-home.json", "evidence/recon.json" ] }, { "principleId": "be-discoverable", "checkId": "canonical-and-indexing-signals", "status": "pass", "confidence": "high", "method": "inspect response status and headers, <link rel=canonical>, hreflang links, robots meta, robots.txt and sitemap.xml; Lighthouse SEO audits cover several of these. The model chooses.", "evidence": "Main page returned 200, exposed a canonical URL and indexable robots policy; discoverability fetch succeeded.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/platform-metadata-probe.json", "evidence/home-discoverability.json" ] }, { "principleId": "be-discoverable", "checkId": "structured-and-shareable-metadata", "status": "issues", "confidence": "high", "method": "inspect JSON-LD/microdata and social preview tags against visible content; Lighthouse has a manual structured-data audit, and ad-hoc probes can parse schema.org blocks. The model chooses.", "evidence": "The metadata probe found zero JSON-LD blocks and zero Open Graph tags despite visible organization/product content.", "pathIds": [ "home" ], "artifacts": [ "evidence/platform-metadata-probe.json" ], "findingIds": [ "F018" ] }, { "principleId": "be-private-and-secure", "checkId": "secure-transport-and-headers", "status": "issues", "confidence": "high", "method": "inspect response headers / page protocol via an evaluate probe or the network layer; Lighthouse best-practices flags HTTPS and CSP issues. The model chooses.", "evidence": "The headers primitive found no CSP, HSTS or nosniff; the cookies primitive found three Google analytics/visit cookies without Secure and all six cookies with SameSite=None.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-headers.json" ], "findingIds": [ "F019" ] }, { "principleId": "be-private-and-secure", "checkId": "data-minimisation-and-third-parties", "status": "issues", "confidence": "high", "method": "inspect network requests and third-party origins; a probe of analytics/beacon calls. The model chooses.", "evidence": "Tracker evidence found seven third-party origins including Google Tag Manager and Analytics; HAR attributes 706 KB to third parties and Lighthouse signup observed DoubleClick.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-trackers.json" ], "findingIds": [ "F020" ] }, { "principleId": "be-private-and-secure", "checkId": "in-context-permissions-and-modern-auth", "status": "issues", "confidence": "high", "method": "a probe for permission requests fired on load; source inspection for passkey / WebAuthn / navigator.credentials usage in auth flows. The model chooses.", "evidence": "The login journey presented only Badge and Password cards; no permission prompt fired on load, and WebAuthn capability exists in the browser.", "pathIds": [ "login" ], "artifacts": [ "evidence/login-desktop.png" ], "findingIds": [ "F021" ] }, { "principleId": "be-private-and-secure", "checkId": "defensive-browser-policies", "status": "issues", "confidence": "high", "method": "inspect response headers and browser security state; Lighthouse/DevTools security audits can corroborate HSTS, clickjacking, Trusted Types, origin isolation and third-party cookie findings. The model chooses.", "evidence": "The headers primitive found no frame protection, Referrer-Policy or Permissions-Policy in addition to missing CSP and HSTS.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-headers.json" ], "findingIds": [ "F022" ] }, { "principleId": "be-resilient", "checkId": "progressive-enhancement", "status": "pass", "confidence": "high", "method": "load with scripting disabled or compare a no-JS fetch of the HTML against the rendered page; check for Baseline-aware fallbacks in source. The model chooses.", "evidence": "Discoverability measured 100% raw-HTML content coverage with title and H1 present and isJsShell=false.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/home-discoverability.json", "evidence/home-discoverability-crawler.png" ] }, { "principleId": "be-resilient", "checkId": "resilient-runtime-behaviour", "status": "pass", "confidence": "high", "method": "exercise menus near viewport edges with a screenshot; a probe of async/visibility behaviour. The model chooses.", "evidence": "Representative menus, tabs, login chooser and form rendered without clipped active content at desktop/mobile sizes.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/home-mobile.png", "evidence/pricing-mobile.png", "evidence/login-desktop.png" ] }, { "principleId": "be-resilient", "checkId": "offline-and-installable", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative route and interaction recon.", "evidence": "The audited public surface is a marketing/content MPA, not an installable app; authenticated product applications were outside this run.", "reason": "The audited public surface is a marketing/content MPA, not an installable app; authenticated product applications were outside this run.", "pathIds": [ "home" ] }, { "principleId": "be-resilient", "checkId": "network-and-http-failure-states", "status": "pass", "confidence": "high", "method": "simulate failed fetches/offline mode or inspect representative 404/500 routes; screenshots and DOM snapshots of error/loading/empty states show whether recovery is possible. The model chooses.", "evidence": "A nonexistent URL renders a titled 404 page with navigation and recovery links rather than a blank shell.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/not-found.png", "evidence/not-found-probe.json" ] }, { "principleId": "be-internationalised", "checkId": "lang-dir-and-logical-properties", "status": "issues", "confidence": "high", "method": "a DOM probe for <html lang>/dir and CSS inspection for logical vs physical properties. The model chooses.", "evidence": "The site links Canada, UK/Ireland, Australia/New Zealand and global variants and sets lang=en-US, but CSS inspection counted 1,003 physical left/right declarations and no dir strategy.", "pathIds": [ "home" ], "artifacts": [ "evidence/platform-metadata-probe.json" ], "findingIds": [ "F023" ] }, { "principleId": "be-internationalised", "checkId": "locale-aware-data", "status": "issues", "confidence": "high", "method": "source inspection for Intl.* usage vs hand-rolled formatting; a probe of rendered dates/numbers under a different locale. The model chooses.", "evidence": "The article template displays OCTOBER 16, 2025 while the global navigation exposes several regions; no locale-aware metadata was observed in rendered output.", "pathIds": [ "home" ], "artifacts": [ "evidence/article-desktop.png" ], "findingIds": [ "F024" ] }, { "principleId": "be-internationalised", "checkId": "time-zone-correctness", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative route and interaction recon.", "evidence": "The inspected public marketing, pricing, signup and article templates expose no scheduling or cross-zone event workflow.", "reason": "The inspected public marketing, pricing, signup and article templates expose no scheduling or cross-zone event workflow.", "pathIds": [ "home" ] }, { "principleId": "be-trustworthy", "checkId": "no-dark-patterns", "status": "pass", "confidence": "high", "method": "a screenshot of consent/upsell/cancel flows; source inspection for declarative button actions vs misleading controls. The model chooses.", "evidence": "Pricing, signup and login views disclose audience, process, privacy/terms links and choices without confirmshaming or forced continuity.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/pricing-mobile.png", "evidence/signup-desktop.png", "evidence/login-desktop.png" ] }, { "principleId": "be-trustworthy", "checkId": "humane-error-handling", "status": "issues", "confidence": "high", "method": "exercise a form, submit invalid input, and observe timing and clarity of errors via a screenshot or a :user-invalid / aria-invalid probe. The model chooses.", "evidence": "The form probe found required=false for every visible field and no native validation messages after submit, undermining predictable and assistive error recovery.", "pathIds": [ "signup" ], "artifacts": [ "evidence/signup-form-probe.json" ], "findingIds": [ "F025" ] }, { "principleId": "be-trustworthy", "checkId": "trustworthy-input-assistance", "status": "issues", "confidence": "high", "method": "source/DOM inspection for autocomplete attributes on form fields; a probe of autofill affordances. The model chooses.", "evidence": "Name, email, telephone, organization and country inputs all reported empty autocomplete; only a hidden company field used new-password.", "pathIds": [ "signup" ], "artifacts": [ "evidence/signup-form-probe.json" ], "findingIds": [ "F026" ] }, { "principleId": "be-trustworthy", "checkId": "safe-commercial-and-account-flows", "status": "pass", "confidence": "high", "method": "walkthrough checkout/subscription/auth/account flows when present; screenshot pricing, confirmation, cancellation and reauthentication states; inspect passkey/autocomplete support for sign-in and payment. The model chooses.", "evidence": "The signup view explains four onboarding steps and exposes privacy/terms consent; login offers separate Badge, Password and Admin choices.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/signup-desktop.png", "evidence/login-desktop.png" ] }, { "principleId": "be-sustainable", "checkId": "optimised-assets", "status": "issues", "confidence": "high", "method": "inspect transferred image bytes vs displayed size; source inspection for modern formats and resolution handling. The model chooses.", "evidence": "HAR recorded 2.62 MB of images; the image audit found 47 of 63 in legacy formats, 21 oversized and 25 below-fold images not lazy-loaded.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-images.json" ], "findingIds": [ "F027" ] }, { "principleId": "be-sustainable", "checkId": "no-wasteful-work", "status": "issues", "confidence": "high", "method": "a long-task / network probe for background fetches and processing while idle or backgrounded. The model chooses.", "evidence": "Lighthouse identified 434 KiB unused JavaScript and HAR recorded recaptcha, analytics, select2, PDF, Zoom and fancybox resources on the landing page.", "pathIds": [ "home" ], "artifacts": [ "evidence/lighthouse-home.json" ], "findingIds": [ "F028" ] }, { "principleId": "be-sustainable", "checkId": "third-party-and-media-budget", "status": "issues", "confidence": "high", "method": "a HAR summary shows third-party bytes, font/media weight and caching; screenshots/video reveal autoplay and decorative media; trace/layout evidence shows whether media/animation keeps work running. The model chooses.", "evidence": "HAR recorded 706 KB third-party transfer and 3.92 MB total, including 383 KB recaptcha script and 297 KB GTM before any form interaction.", "pathIds": [ "home" ], "artifacts": [ "evidence/home-summary.json" ], "findingIds": [ "F029" ] }, { "principleId": "be-agent-ready", "checkId": "structured-agent-capabilities", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative route and interaction recon.", "evidence": "No declared or evident intent to expose transactional capabilities to AI agents; this emerging capability is optional for the public marketing surface.", "reason": "No declared or evident intent to expose transactional capabilities to AI agents; this emerging capability is optional for the public marketing surface.", "pathIds": [ "home" ] }, { "principleId": "be-agent-ready", "checkId": "on-device-inference", "status": "not-applicable", "confidence": "high", "method": "Applicability judgement from representative route and interaction recon.", "evidence": "No summarization or language-model task is part of the inspected core journeys, so on-device inference would add no clear user value.", "reason": "No summarization or language-model task is part of the inspected core journeys, so on-device inference would add no clear user value.", "pathIds": [ "home" ] }, { "principleId": "be-memory-efficient", "checkId": "no-leak-under-repeated-interaction", "status": "pass", "confidence": "high", "method": "compare heap snapshots for retained growth - a baseline, then one taken after repeating the interaction with `--interact` about 10x (the memory-tracer methodology: baseline -> repeat -> post -> compare). Performance.getMetrics (JSHeapUsedSize, Nodes) across th", "evidence": "After ten mobile-menu toggle attempts, heap self size rose only 165,213 bytes (0.72%) and node count 1,204 (0.31%), consistent with bounded startup variance rather than an unbounded leak.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/heap-baseline.heapsnapshot", "evidence/heap-post.heapsnapshot" ] }, { "principleId": "be-memory-efficient", "checkId": "bounded-footprint", "status": "pass", "confidence": "high", "method": "a single `heap` summary's totals (nodeCount, totalSelfSizeBytes, constructor population) plus Performance.getMetrics (Nodes, JSHeapUsedSize) give the current footprint to judge against the page's purpose. Chrome DevTools MCP heap snapshots and memlab snapshot ", "evidence": "Baseline heap was 22.84 MB across 393,380 nodes for a 986-element marketing page; post-interaction remained 23.00 MB.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/heap-baseline.heapsnapshot", "evidence/heap-post.heapsnapshot", "evidence/accessibility-structure-probe.json" ] }, { "principleId": "be-memory-efficient", "checkId": "no-detached-dom-or-unbounded-listeners", "status": "pass", "confidence": "high", "method": "the `heap` summary by constructor (Detached* nodes) compared across a before/after pair shows a growing detached-DOM population; an `evaluate` probe can sample listener/timer counts (e.g. getEventListeners-style counting, or instrumenting addEventListener/setI", "evidence": "Neither heap summary exposed Detached constructors among top populations, and repeated toggling caused only small bounded count changes.", "pathIds": [ "home", "schools", "pricing", "blog", "article", "signup" ], "artifacts": [ "evidence/heap-baseline.heapsnapshot", "evidence/heap-post.heapsnapshot" ] } ], "principleOutcomes": [ { "principleId": "respect-user-preferences", "expectation": "default", "status": "issues", "findingIds": [ "F001" ] }, { "principleId": "implement-natural-interactions", "expectation": "default", "status": "issues", "findingIds": [ "F002" ] }, { "principleId": "provide-guided-navigation", "expectation": "default", "status": "issues", "findingIds": [ "F003", "F004" ] }, { "principleId": "maximize-content-reduce-noise", "expectation": "default", "status": "issues", "findingIds": [ "F005" ] }, { "principleId": "adapt-to-the-form-factor", "expectation": "default", "status": "issues", "findingIds": [ "F006", "F007" ] }, { "principleId": "support-core-task-success", "expectation": "default", "status": "issues", "findingIds": [ "F008" ] }, { "principleId": "be-fast-and-stable", "expectation": "default", "status": "issues", "findingIds": [ "F009", "F010", "F011", "F012", "F013" ] }, { "principleId": "be-inclusive", "expectation": "default", "status": "issues", "findingIds": [ "F014" ] }, { "principleId": "follow-best-practices", "expectation": "default", "status": "issues", "findingIds": [ "F015", "F016" ] }, { "principleId": "be-discoverable", "expectation": "default", "status": "issues", "findingIds": [ "F017", "F018" ] }, { "principleId": "be-private-and-secure", "expectation": "default", "status": "issues", "findingIds": [ "F019", "F020", "F021", "F022" ] }, { "principleId": "be-resilient", "expectation": "contextual", "status": "pass", "findingIds": [] }, { "principleId": "be-internationalised", "expectation": "contextual", "status": "issues", "findingIds": [ "F023", "F024" ] }, { "principleId": "be-trustworthy", "expectation": "default", "status": "issues", "findingIds": [ "F025", "F026" ] }, { "principleId": "be-sustainable", "expectation": "contextual", "status": "issues", "findingIds": [ "F027", "F028", "F029" ] }, { "principleId": "be-agent-ready", "expectation": "contextual", "status": "not-applicable", "reason": "No declared or evident intent to expose transactional capabilities to AI agents; this emerging capability is optional for the public marketing surface. No summarization or language-model task is part of the inspected core journeys, so on-device inference would add no clear user value." }, { "principleId": "be-memory-efficient", "expectation": "default", "status": "pass", "findingIds": [] } ], "paths": [ { "id": "home", "description": "Homepage entry and primary CTA archetype; tested visual preferences, mobile reflow, performance, network, security, discoverability and memory.", "url": "https://www.clever.com/", "conditions": [ "desktop 1440x1000", "mobile 360x800", "prefers-color-scheme: dark", "prefers-reduced-motion: reduce", "forced-colors: active", "keyboard focus" ], "result": "issues" }, { "id": "schools", "description": "School solution landing-page archetype with long-form product marketing and CTA.", "url": "https://www.clever.com/schools", "conditions": [ "desktop 1440x1000", "mobile 360x800" ], "result": "issues" }, { "id": "pricing", "description": "Pricing/tabbed listing archetype and region/currency messaging.", "url": "https://www.clever.com/pricing", "conditions": [ "mobile 360x800" ], "result": "issues" }, { "id": "blog", "description": "Content listing and search/category navigation archetype.", "url": "https://www.clever.com/blog", "conditions": [ "desktop 1440x1000", "mobile 360x800" ], "result": "issues" }, { "id": "article", "description": "Long-form article detail template with publication metadata and body content.", "url": "https://www.clever.com/blog/2025/10/a-unified-future", "conditions": [ "desktop 1440x1000" ], "result": "issues" }, { "id": "signup", "description": "Primary district onboarding form journey; inspected labels, constraints, autocomplete, error behavior and accessibility.", "url": "https://www.clever.com/district-signup", "conditions": [ "desktop 1440x1000", "mobile 360x800", "invalid submit attempt" ], "result": "issues" }, { "id": "login", "description": "Primary student authentication entry and auth-method chooser.", "url": "https://clever.com/login?student", "conditions": [ "desktop 1440x1000" ], "result": "issues" }, { "id": "not-found", "description": "HTTP failure/recovery archetype using an intentionally nonexistent public URL.", "url": "https://www.clever.com/web-uplift-nonexistent", "conditions": [ "desktop 1440x1000" ], "result": "pass" } ], "findings": [ { "id": "F001", "pathId": "home", "url": "https://www.clever.com/", "principleId": "respect-user-preferences", "principleCheckId": "respects-color-scheme", "guidanceId": "dark-mode", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "The public site ignores the user dark color-scheme preference.", "evidence": "The light and dark preference screenshots are pixel-identical (425,026 bytes each); white surfaces remain white under prefers-color-scheme: dark.", "artifacts": [ "evidence/home-dark.png" ], "suggestedFix": "Add color-scheme: light dark and retint surfaces, text, controls, imagery and focus states inside prefers-color-scheme or with light-dark().", "effort": "small" }, { "id": "F002", "pathId": "home", "url": "https://www.clever.com/", "principleId": "implement-natural-interactions", "principleCheckId": "view-transitions", "guidanceId": "cross-document-transitions", "guidanceCategory": "modern-web-guidance", "severity": "low", "confidence": "high", "summary": "Route and major state changes do not use View Transitions.", "evidence": "DOM and CSS inspection across the WordPress templates found no view-transition-name or cross-document @view-transition rule.", "artifacts": [ "evidence/home-dom.json" ], "suggestedFix": "Add progressive cross-document View Transitions for same-origin template navigation, with a reduced-motion opt-out.", "effort": "small" }, { "id": "F003", "pathId": "home", "url": "https://www.clever.com/", "principleId": "provide-guided-navigation", "principleCheckId": "scroll-state-aware-chrome", "guidanceId": "scroll-progress-indicator", "guidanceCategory": "modern-web-guidance", "severity": "low", "confidence": "high", "summary": "The long pages provide no scroll-state-aware navigation feedback.", "evidence": "Screenshots and CSS inspection show a static header across pages as long as 12,536 CSS pixels, with no progress indicator or scroll-state query.", "artifacts": [ "evidence/schools-layout-mobile.json" ], "suggestedFix": "Add a lightweight scroll progress indicator or a compacting sticky header using scroll-state/container capabilities with fallback.", "effort": "small" }, { "id": "F004", "pathId": "home", "url": "https://www.clever.com/", "principleId": "provide-guided-navigation", "principleCheckId": "anchored-positioning", "guidanceId": "position-aware-tooltips", "guidanceCategory": "modern-web-guidance", "severity": "low", "confidence": "high", "summary": "Navigation submenus use manually positioned custom structures rather than resilient anchored overlays.", "evidence": "DOM inspection shows nested custom ul/div/button menus; no anchor-name, position-anchor, popover, dialog, or details primitives were present.", "artifacts": [ "evidence/signup-dom.json" ], "suggestedFix": "Use popover for transient menus and CSS anchor positioning with position-try fallbacks near viewport edges.", "effort": "small" }, { "id": "F005", "pathId": "home", "url": "https://www.clever.com/", "principleId": "maximize-content-reduce-noise", "principleCheckId": "semantic-dismissible-primitives", "guidanceId": "declarative-dialog-popover-control", "guidanceCategory": "modern-web-guidance", "severity": "low", "confidence": "high", "summary": "Rich navigation controls are built from ad hoc nested lists and divs.", "evidence": "The platform probe found zero dialog, popover and details elements; Lighthouse also found invalid direct div/button children in submenu lists.", "artifacts": [ "evidence/lighthouse-signup.json" ], "suggestedFix": "Refactor transient menus to buttons plus popover and keep list content structurally valid.", "effort": "small" }, { "id": "F006", "pathId": "home", "url": "https://www.clever.com/", "principleId": "adapt-to-the-form-factor", "principleCheckId": "component-level-responsiveness", "guidanceId": "size-aware-styling", "guidanceCategory": "modern-web-guidance", "severity": "low", "confidence": "high", "summary": "Responsive behavior relies on viewport rules rather than component-level adaptation.", "evidence": "CSS inspection across rendered templates found no @container rule even though cards, tabs and navigation components recur in multiple widths.", "artifacts": [ "evidence/pricing-mobile.png" ], "suggestedFix": "Add container-type to reusable regions and use size-aware @container rules for component layout changes.", "effort": "small" }, { "id": "F007", "pathId": "home", "url": "https://www.clever.com/", "principleId": "adapt-to-the-form-factor", "principleCheckId": "input-modality-aware", "guidanceId": "accessibility", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "Several interactive targets are too short for comfortable touch use.", "evidence": "The evaluate probe found many visible links with 16 to 19 pixel boxes and social links 27 by 19 pixels, below robust touch-target guidance.", "artifacts": [ "evidence/accessibility-structure-probe.json" ], "suggestedFix": "Increase the clickable box with block layout or padding while retaining visible focus styles and non-hover affordances.", "effort": "small" }, { "id": "F008", "pathId": "signup", "url": "https://www.clever.com/", "principleId": "support-core-task-success", "principleCheckId": "clear-system-state-and-recovery", "guidanceId": "accessible-error-announcement", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "The signup form does not use native required-state semantics and failed to expose immediate actionable validation.", "evidence": "All visually required fields reported required=false and empty validationMessage; clicking submit left the captured viewport unchanged.", "artifacts": [ "evidence/signup-form-probe.json" ], "suggestedFix": "Apply required and appropriate input types, validate after interaction, focus the first error, and announce a concise error summary.", "effort": "small" }, { "id": "F009", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-fast-and-stable", "principleCheckId": "good-core-web-vitals", "guidanceId": "performance", "guidanceCategory": "modern-web-guidance", "severity": "high", "confidence": "high", "summary": "Homepage lab Core Web Vitals are outside the good range.", "evidence": "Lighthouse measured LCP 10.2 s and CLS 0.226, with performance 52; the trace separately measured LCP 3.65 s on a faster desktop run.", "artifacts": [ "evidence/lighthouse-home.json" ], "suggestedFix": "Prioritize the hero LCP asset, reserve stable geometry, and verify mobile LCP and CLS in Lighthouse and field data.", "effort": "medium" }, { "id": "F010", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-fast-and-stable", "principleCheckId": "visual-stability", "guidanceId": "visually-stable-font-fallbacks", "guidanceCategory": "modern-web-guidance", "severity": "high", "confidence": "high", "summary": "The mobile load shifts substantially in Lighthouse.", "evidence": "Lighthouse measured cumulative layout shift 0.226. The short layout observer measured 0, indicating the shift occurs outside that observer window, not that it is absent.", "artifacts": [ "evidence/lighthouse-home.json" ], "suggestedFix": "Reserve image and dynamic-content space with width/height or aspect-ratio and use stable font fallbacks.", "effort": "medium" }, { "id": "F011", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-main-thread", "guidanceId": "identify-heavy-scripts", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "Heavy script delivery delays interactivity even though individual long tasks are limited.", "evidence": "Lighthouse reported interactive at 17.1 s and 434 KiB estimated unused JavaScript; TBT was only 80 ms and the trace saw no long tasks.", "artifacts": [ "evidence/lighthouse-home.json" ], "suggestedFix": "Conditionally load page-specific bundles and defer recaptcha and analytics until the relevant interaction or consent.", "effort": "small" }, { "id": "F012", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-fast-and-stable", "principleCheckId": "efficient-resource-delivery", "guidanceId": "optimize-image-priority", "guidanceCategory": "modern-web-guidance", "severity": "high", "confidence": "high", "summary": "Critical resource delivery is heavy and contains a long blocking chain.", "evidence": "HAR recorded 68 requests and 3.92 MB transferred, including seven parser-blocking stylesheets and parser-inserted scripts; the largest image alone transferred 1.08 MB.", "artifacts": [ "evidence/home-summary.json" ], "suggestedFix": "Inline only critical CSS, defer noncritical plugin styles/scripts, self-host or consolidate fonts, and prioritize a right-sized hero image.", "effort": "medium" }, { "id": "F013", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-fast-and-stable", "principleCheckId": "trim-unused-and-duplicate-code", "guidanceId": "conditional-async-dependencies", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "The homepage ships substantial unused JavaScript and CSS.", "evidence": "Lighthouse estimated 434 KiB unused JavaScript and 31 KiB unused CSS, including 67% waste in the theme script and 86% in theme CSS.", "artifacts": [ "evidence/lighthouse-home.json" ], "suggestedFix": "Split shared WordPress assets by template and load recaptcha, select2, fancybox and plugin code only where used.", "effort": "small" }, { "id": "F014", "pathId": "signup", "url": "https://www.clever.com/", "principleId": "be-inclusive", "principleCheckId": "structure-and-focus", "guidanceId": "accessibility", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "Signup heading and list structure is invalid.", "evidence": "Lighthouse found the form title jumps to h4 and multiple ul elements contain direct div or button children.", "artifacts": [ "evidence/lighthouse-signup.json" ], "suggestedFix": "Use a sequential heading outline and ensure every ul child is li, placing menu controls outside the list or inside an li.", "effort": "small" }, { "id": "F015", "pathId": "home", "url": "https://www.clever.com/", "principleId": "follow-best-practices", "principleCheckId": "sound-document-and-assets", "guidanceId": "html", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "Image assets are frequently underspecified or oversized.", "evidence": "The image primitive found 19 images without dimensions and 21 oversized images among 63 inspected; the logo natural width was 382 px for a 118 px display width.", "artifacts": [ "evidence/home-images.json" ], "suggestedFix": "Set intrinsic dimensions, preserve aspect ratio, and provide responsive modern-format sources sized to each slot.", "effort": "small" }, { "id": "F016", "pathId": "home", "url": "https://www.clever.com/", "principleId": "follow-best-practices", "principleCheckId": "browser-platform-hygiene", "guidanceId": "html", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "Browser platform diagnostics expose deprecated APIs and missing source maps.", "evidence": "Lighthouse signup found three deprecated API warnings in the Cloudflare challenge script and a large first-party theme script without a source map.", "artifacts": [ "evidence/lighthouse-signup.json" ], "suggestedFix": "Update or configure the challenge integration, remove deprecated calls where controllable, and publish production source maps securely.", "effort": "small" }, { "id": "F017", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-discoverable", "principleCheckId": "title-and-description", "guidanceId": "html", "guidanceCategory": "modern-web-guidance", "severity": "high", "confidence": "high", "summary": "The homepage lacks a meta description and its title is too generic.", "evidence": "The metadata probe returned title Clever and description null; Lighthouse SEO scored 92 and failed meta-description.", "artifacts": [ "evidence/platform-metadata-probe.json" ], "suggestedFix": "Write a unique descriptive title and concise meta description for every public template.", "effort": "medium" }, { "id": "F018", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-discoverable", "principleCheckId": "structured-and-shareable-metadata", "guidanceId": "html", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "Public organization and article pages lack structured and share-preview metadata on the inspected homepage.", "evidence": "The metadata probe found zero JSON-LD blocks and zero Open Graph tags despite visible organization/product content.", "artifacts": [ "evidence/platform-metadata-probe.json" ], "suggestedFix": "Add accurate Organization/WebSite JSON-LD and Open Graph/Twitter cards; add Article JSON-LD on article templates.", "effort": "small" }, { "id": "F019", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-private-and-secure", "principleCheckId": "secure-transport-and-headers", "guidanceId": "security", "guidanceCategory": "modern-web-guidance", "severity": "high", "confidence": "high", "summary": "The marketing origin omits baseline security headers and sets insecure cookies.", "evidence": "The headers primitive found no CSP, HSTS or nosniff; the cookies primitive found three Google analytics/visit cookies without Secure and all six cookies with SameSite=None.", "artifacts": [ "evidence/home-headers.json" ], "suggestedFix": "Deploy a nonce-based CSP, HSTS, nosniff and secure cookie attributes; use Lax unless cross-site use is required.", "effort": "medium" }, { "id": "F020", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-private-and-secure", "principleCheckId": "data-minimisation-and-third-parties", "guidanceId": "privacy", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "Tracking and third-party code load by default.", "evidence": "Tracker evidence found seven third-party origins including Google Tag Manager and Analytics; HAR attributes 706 KB to third parties and Lighthouse signup observed DoubleClick.", "artifacts": [ "evidence/home-trackers.json" ], "suggestedFix": "Gate nonessential analytics on consent, minimize events, batch delivery, and remove duplicate GTM/gtag paths.", "effort": "small" }, { "id": "F021", "pathId": "login", "url": "https://clever.com/login?student", "principleId": "be-private-and-secure", "principleCheckId": "in-context-permissions-and-modern-auth", "guidanceId": "passkeys", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "The public student login offers Badge and Password but no visible passkey path.", "evidence": "The login journey presented only Badge and Password cards; no permission prompt fired on load, and WebAuthn capability exists in the browser.", "artifacts": [ "evidence/login-desktop.png" ], "suggestedFix": "Offer passkeys/WebAuthn where district policy permits while retaining Badge and federated recovery paths.", "effort": "small" }, { "id": "F022", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-private-and-secure", "principleCheckId": "defensive-browser-policies", "guidanceId": "security", "guidanceCategory": "modern-web-guidance", "severity": "high", "confidence": "high", "summary": "Browser-enforced defense headers are absent on the marketing origin.", "evidence": "The headers primitive found no frame protection, Referrer-Policy or Permissions-Policy in addition to missing CSP and HSTS.", "artifacts": [ "evidence/home-headers.json" ], "suggestedFix": "Set CSP frame-ancestors, Referrer-Policy and a least-privilege Permissions-Policy, then verify the login origin independently.", "effort": "medium" }, { "id": "F023", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-internationalised", "principleCheckId": "lang-dir-and-logical-properties", "guidanceId": "translator", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "Global-facing templates are not prepared consistently for bidirectional layout.", "evidence": "The site links Canada, UK/Ireland, Australia/New Zealand and global variants and sets lang=en-US, but CSS inspection counted 1,003 physical left/right declarations and no dir strategy.", "artifacts": [ "evidence/platform-metadata-probe.json" ], "suggestedFix": "Use logical inline/block properties, set dir explicitly where needed, and test representative templates in RTL and expanded translations.", "effort": "small" }, { "id": "F024", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-internationalised", "principleCheckId": "locale-aware-data", "guidanceId": "support-global-calendar-systems", "guidanceCategory": "modern-web-guidance", "severity": "low", "confidence": "high", "summary": "Locale-sensitive article dates are rendered as fixed English text.", "evidence": "The article template displays OCTOBER 16, 2025 while the global navigation exposes several regions; no locale-aware metadata was observed in rendered output.", "artifacts": [ "evidence/article-desktop.png" ], "suggestedFix": "Render machine-readable time elements and format dates with Intl.DateTimeFormat for the selected locale.", "effort": "small" }, { "id": "F025", "pathId": "signup", "url": "https://www.clever.com/", "principleId": "be-trustworthy", "principleCheckId": "humane-error-handling", "guidanceId": "validate-input-after-interaction", "guidanceCategory": "modern-web-guidance", "severity": "high", "confidence": "high", "summary": "Visually required signup fields are not expressed with native required semantics.", "evidence": "The form probe found required=false for every visible field and no native validation messages after submit, undermining predictable and assistive error recovery.", "artifacts": [ "evidence/signup-form-probe.json" ], "suggestedFix": "Use native constraints plus post-interaction validation, aria-invalid, linked error text, and a live error summary.", "effort": "medium" }, { "id": "F026", "pathId": "signup", "url": "https://www.clever.com/", "principleId": "be-trustworthy", "principleCheckId": "trustworthy-input-assistance", "guidanceId": "autofill-sign-up-form", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "The signup form omits useful autocomplete tokens.", "evidence": "Name, email, telephone, organization and country inputs all reported empty autocomplete; only a hidden company field used new-password.", "artifacts": [ "evidence/signup-form-probe.json" ], "suggestedFix": "Add name, given-name, family-name, email, tel, organization, url, country and organization-title tokens as appropriate.", "effort": "small" }, { "id": "F027", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-sustainable", "principleCheckId": "optimised-assets", "guidanceId": "deliver-optimized-decorative-images", "guidanceCategory": "modern-web-guidance", "severity": "high", "confidence": "high", "summary": "The homepage image payload is disproportionate and mostly legacy format.", "evidence": "HAR recorded 2.62 MB of images; the image audit found 47 of 63 in legacy formats, 21 oversized and 25 below-fold images not lazy-loaded.", "artifacts": [ "evidence/home-images.json" ], "suggestedFix": "Generate AVIF/WebP responsive variants, use srcset/sizes, lazy-load below-fold assets and preserve dimensions.", "effort": "medium" }, { "id": "F028", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-sustainable", "principleCheckId": "no-wasteful-work", "guidanceId": "deprioritize-background-fetches", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "Page-independent plugin and analytics work is loaded on the homepage.", "evidence": "Lighthouse identified 434 KiB unused JavaScript and HAR recorded recaptcha, analytics, select2, PDF, Zoom and fancybox resources on the landing page.", "artifacts": [ "evidence/lighthouse-home.json" ], "suggestedFix": "Conditionally enqueue WordPress assets per template and delay nonessential third-party work until interaction or consent.", "effort": "small" }, { "id": "F029", "pathId": "home", "url": "https://www.clever.com/", "principleId": "be-sustainable", "principleCheckId": "third-party-and-media-budget", "guidanceId": "efficient-background-processing", "guidanceCategory": "modern-web-guidance", "severity": "medium", "confidence": "high", "summary": "Third-party and media bytes consume a large share without clear first-view value.", "evidence": "HAR recorded 706 KB third-party transfer and 3.92 MB total, including 383 KB recaptcha script and 297 KB GTM before any form interaction.", "artifacts": [ "evidence/home-summary.json" ], "suggestedFix": "Set a page-weight budget, defer recaptcha to forms, consolidate analytics, and monitor first/third-party bytes in CI.", "effort": "small" } ], "taskList": [ { "id": "T01", "title": "Prioritize the hero LCP asset, reserve stable geometry, and verify mobile LCP and CLS in Lighthouse and field data.", "priority": 1, "findingIds": [ "F009" ], "guidanceId": "performance", "status": "open" }, { "id": "T02", "title": "Deploy a nonce-based CSP, HSTS, nosniff and secure cookie attributes; use Lax unless cross-site use is required.", "priority": 2, "findingIds": [ "F019" ], "guidanceId": "security", "status": "open" }, { "id": "T03", "title": "Generate AVIF/WebP responsive variants, use srcset/sizes, lazy-load below-fold assets and preserve dimensions.", "priority": 3, "findingIds": [ "F027" ], "guidanceId": "deliver-optimized-decorative-images", "status": "open" }, { "id": "T04", "title": "Use native constraints plus post-interaction validation, aria-invalid, linked error text, and a live error summary.", "priority": 4, "findingIds": [ "F025" ], "guidanceId": "validate-input-after-interaction", "status": "open" }, { "id": "T05", "title": "Write a unique descriptive title and concise meta description for every public template.", "priority": 5, "findingIds": [ "F017" ], "guidanceId": "html", "status": "open" }, { "id": "T06", "title": "Use a sequential heading outline and ensure every ul child is li, placing menu controls outside the list or inside an li.", "priority": 6, "findingIds": [ "F014" ], "guidanceId": "accessibility", "status": "open" }, { "id": "T07", "title": "Conditionally load page-specific bundles and defer recaptcha and analytics until the relevant interaction or consent.", "priority": 7, "findingIds": [ "F011" ], "guidanceId": "identify-heavy-scripts", "status": "open" }, { "id": "T08", "title": "Add progressive cross-document View Transitions for same-origin template navigation, with a reduced-motion opt-out.", "priority": 8, "findingIds": [ "F002" ], "guidanceId": "cross-document-transitions", "status": "open" } ], "budget": { "pathCount": 8, "auditPasses": 1 }, "agent": "pi", "runId": "2026-07-22T04-33-12-686Z" }