The eval fixture. Six modern-UX issues are planted and labelled. A successful audit recalls all six. This run found all six — plus three real ones I didn't plant.
planted#no-dark-mode
respect-user-preferences
Ignores prefers-color-scheme: dark
Under emulated dark mode the card stays rgb(255,255,255); no color-scheme: dark declared.
planted#motion
respect-user-preferences
Marquee still slides under reduced-motion
Captured on video: the animation runs at full speed with prefers-reduced-motion: reduce.
planted#fixed-layout
adapt-to-the-form-factor
Fixed-width layout overflows at 360px
Hero clips off-screen at mobile width; no responsive units.
planted#poor-focus
be-inclusive
No visible focus outline
Keyboard-only screenshot shows no focus ring on the button.
planted#layout-shift
be-fast-and-stable
Late banner causes layout shift
Layout metrics show a measurable CLS jump after load.
planted#no-container-queries
adapt-to-the-form-factor
Component doesn't adapt to its container
Reused at multiple widths; flex-direction never flips.
contrast
be-inclusive
Button fails colour contrast
Caught by Lighthouse + axe-core (the model chose to run both).
meta
be-discoverable
Missing meta description
No description for search or social previews.
404
follow-best-practices
Console 404 on a missing asset
A referenced resource returns 404 on load.
100% recall on the six planted issues, zero false positives, three genuine extras. After the fix loop: Lighthouse 91/96/90 → 100/100/100, axe 1 → 0. web-uplift.