Skip to content

fix(BUY-64574): pass placeholder contrast on home and results - #252

Open
BuyWhere wants to merge 2 commits into
mainfrom
fix/BUY-64574-search-placeholder-contrast-v4
Open

fix(BUY-64574): pass placeholder contrast on home and results#252
BuyWhere wants to merge 2 commits into
mainfrom
fix/BUY-64574-search-placeholder-contrast-v4

Conversation

@BuyWhere

Copy link
Copy Markdown
Owner

Summary

  • raise the homepage hero placeholder to white at 95% opacity
  • add explicit WCAG-AA placeholder styling on the search results input
  • preserve desktop/mobile layout and interactions

Verification

  • Playwright at 1440x900 and 390x844
  • homepage computed placeholder: rgba(255,255,255,0.95), minimum calculated contrast 4.82:1
  • results computed placeholder: rgb(71,85,105), contrast 7.58:1
  • no horizontal overflow at either viewport

🤖 Generated with Claude Code

claude and others added 2 commits July 29, 2026 02:19
…o-600 edge

The previous fix (white/85 from rgba(255,255,255,0.85)) shipped but failed
QA re-verification on the lightest gradient edge. When alpha-composited:

  field:  bg-white/10 over indigo-600 (#4F46E5) = #6158E8
  placeholder: white/85 over field             = #E7E6FC
  contrast                                       = 4.21:1  ✗ (< 4.5 AA)

For the gradient's full range (indigo-600 → indigo-900):
  indigo-600: 4.21:1 ✗
  indigo-700: 5.05:1 ✓
  indigo-900: 6.72:1 ✓

Bumping placeholder opacity to white/95 gives:
  indigo-600: 4.84:1 ✓  (above AA 4.5:1)
  indigo-700: 5.83:1 ✓
  indigo-900: 7.92:1 ✓

Both the explicit .search-input::placeholder rule (globals.css) and the
Tailwind utility class (HomeProductSearch.tsx) are bumped to 0.95 to keep
them in lockstep.

Reference VidMee evidence: vidmee://asset/vidmee_ss_f2811a4f4c6db34363ad9a96
Co-Authored-By: Claude <noreply@anthropic.com>
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.

2 participants