Skip to content

fix: impeccable review - a11y, performance, design quality#26

Merged
m4cd4r4 merged 1 commit intomasterfrom
fix/impeccable-review
Mar 16, 2026
Merged

fix: impeccable review - a11y, performance, design quality#26
m4cd4r4 merged 1 commit intomasterfrom
fix/impeccable-review

Conversation

@m4cd4r4
Copy link
Copy Markdown
Owner

@m4cd4r4 m4cd4r4 commented Mar 16, 2026

Summary

Full Impeccable suite audit and remediation across 26 files. Addresses AI slop markers (9/10 -> 1/10), WCAG AA contrast failures, layout-triggering animations, and missing ARIA landmarks.

Phase 1 - Core fixes

  • Contrast: ink-600 bumped from 2.84:1 to 4.88:1. Light-editorial ink-500 from 4.0:1 to 5.1:1
  • ARIA: aria-live="polite" on toast portal, search results, risk panel
  • Reduced motion: <MotionConfig reducedMotion="user"> at provider level
  • Text sizes: 11px minimum floor replacing 9-10px across 15 files
  • Performance: All 7 width-based FM animations replaced with scaleX transforms. unoptimized removed from ScreenshotShowcase
  • Landing grid: Compact features changed from uniform 3-col to alternating wide/compact rhythm
  • Glow orbs: blur-[80px] divs replaced with box-shadow on parent cards

Phase 2 - Slop reduction

  • Trust signal metrics: big-number hero layout -> inline badge
  • Dashboard doc rows: colored left-border -> ring-inset indicator
  • Risk panel: border-l-4 -> colored dot with glow
  • Hero visual: inner card borders removed (flattened nested cards)
  • Dead riskAccentBorder constant removed

Phase 3 - Warm ink palette

  • Entire dark palette shifted warm (R > G > B) to echo gold accent and cream editorial landing
  • #0a0a0c (cold blue-grey) -> #0d0b08 (warm amber undertone)
  • All 12 ink-* CSS variables, bg/text/border custom properties, skeleton shimmer, scrollbar, theme-color meta, demo-video styles updated
  • Creates tonal through-line: warm cream (landing) -> warm dark (dashboard) -> gold accent (everywhere)

Impeccable scorecard

Check Before After
AI Slop FAIL (6/10) PASS (1/10)
Accessibility WARN PASS
Performance WARN PASS
Responsive PASS PASS
Design Quality STRONG STRONG
Polish READY READY
Verdict NEEDS WORK SHIP READY

Test plan

  • Build passes (npm run build - verified locally, all 11 routes compile)
  • Dark mode: warm tint visible, no blue-grey cast
  • Light mode: unaffected (separate palette)
  • Landing page editorial: contrast improved on secondary text
  • Toast notifications announced by screen readers
  • Animations respect OS reduced-motion preference
  • Progress bars animate smoothly (scaleX, no layout jank)
  • Mobile bottom nav labels readable at 11px

🤖 Generated with Claude Code

WCAG AA contrast fixes (ink-600 bumped to 4.88:1, light-editorial
ink-500 to 5.1:1). Toast container gets aria-live. Search results
and risk panel get aria-live regions. Minimum text size floor raised
from 9-10px to 11px across 15 files.

All width-based Framer Motion animations replaced with compositor-
friendly scaleX transforms (7 instances). MotionConfig reducedMotion
added at provider level for OS-level preference support. Screenshot
showcase unoptimized prop removed for Next.js image optimization.

Landing page compact features grid redesigned from uniform 3-col to
alternating wide/compact rhythm. Trust signal metrics converted from
hero-metric layout to inline badges. Dashboard doc rows switched
from colored left-border to ring indicator. Risk panel border-l-4
replaced with colored dot. Hero visual inner card borders removed.
Ambient glow orb divs replaced with box-shadow on parent cards.
Dead riskAccentBorder constant removed.

Dark palette shifted warm (R > G > B) to echo gold accent and cream
editorial landing page. Creates tonal through-line from warm cream
landing to warm dark dashboard. All hardcoded cool-grey hex values
updated across globals.css, layout meta, demo-video, and showcase.

Build passes clean, all 11 routes compile.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 16, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
contractclarity Ready Ready Preview, Comment Mar 16, 2026 4:02am

Request Review

@m4cd4r4 m4cd4r4 merged commit 63a7738 into master Mar 16, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant