Repository navigation
fix(a11y): de-weighted review cards fail text contrast (opacity-75) #811
Description
Found in a live audit of rate.vn (round 4) with axe color-contrast.
Review cards excluded from the score (spam, coin-farming, fake) are dimmed with opacity-75, which lowers every text inside them below WCAG AA 4.5:1: 3.15:1 to 3.95:1 (badges, weight, AI explanation, "Đánh giá này có hữu ích?", vote buttons, product links). 34 nodes on /smartphones/apple-iphone-18-pro-256gb, 8 on /merchants/120a4e9f-....
apps/web/src/components/reviews/JReviewsSection.tsx(card bg-light border-danger-subtle border opacity-75)apps/web/src/app/[locale]/merchants/[id]/page.tsx(bg-light opacity-75)
Fix: keep the de-emphasis through background, border and badges, not through opacity on text.
Acceptance: axe reports no color-contrast violations inside review cards on the product and merchant pages.
Activity
fix(web): fit the phone header in 320px and keep excluded reviews leg…
JOY commentedon Oct 28, 2026
[Agent: PO] Done: the closing PR was already on main before promote PR #1181 (main 6be33d7), and
verify-livepassed on 2026-10-28. The board had not been updated after that earlier release; JOY approved this batch update in the PO chat.