From 848a44c62911316360b24a234b70f902997b392f Mon Sep 17 00:00:00 2001 From: bot-backend Date: Sun, 28 Jun 2026 22:21:10 +0300 Subject: [PATCH] =?UTF-8?q?fix(tradein/v2):=20a11y=20contrast=20=E2=80=94?= =?UTF-8?q?=20source=20badges=20=E2=89=A5AA=20=D0=B2=20=D0=BE=D0=B2=D0=B5?= =?UTF-8?q?=D1=80=D0=BB=D0=B5=D1=8F=D1=85=20(#2062)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Прод-QA P3 нашёл 10 axe color-contrast (serious) в оверлее 05: 9px source-бейджи tokens.muted (#6f8195) на badgeTint ≈3,3:1 < AA. SourcesView badge muted→body2 (≈6,3:1); HistoryView ДКП source badge accent→accentDeep (≈5:1, синий сохранён). Закрывает хвост item-9 (микро-лейблы <4.5:1) → axe 0 и в оверлеях. --- .../frontend/src/components/trade-in/v2/HistoryView.tsx | 4 +++- .../frontend/src/components/trade-in/v2/SourcesView.tsx | 3 ++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/tradein-mvp/frontend/src/components/trade-in/v2/HistoryView.tsx b/tradein-mvp/frontend/src/components/trade-in/v2/HistoryView.tsx index 4b0ddb02..cd0faa0f 100644 --- a/tradein-mvp/frontend/src/components/trade-in/v2/HistoryView.tsx +++ b/tradein-mvp/frontend/src/components/trade-in/v2/HistoryView.tsx @@ -347,7 +347,9 @@ export default function HistoryView({ border: `1px solid ${tokens.line2}`, borderRadius: "3px", padding: "1px 5px", - color: tokens.accent, + // accentDeep (not accent): 8px accent on badgeTint ~2.8:1 < AA; + // accentDeep keeps the blue brand cue at ≈5:1. + color: tokens.accentDeep, }} > {r.source ?? "—"} diff --git a/tradein-mvp/frontend/src/components/trade-in/v2/SourcesView.tsx b/tradein-mvp/frontend/src/components/trade-in/v2/SourcesView.tsx index c48b608e..dc320c0a 100644 --- a/tradein-mvp/frontend/src/components/trade-in/v2/SourcesView.tsx +++ b/tradein-mvp/frontend/src/components/trade-in/v2/SourcesView.tsx @@ -96,7 +96,8 @@ const badge: CSSProperties = { border: `1px solid ${tokens.line2}`, borderRadius: 3, padding: "2px 8px", - color: tokens.muted, + // body2 (not muted): 9px muted on badgeTint was ~3.3:1 < AA; body2 ≈ 6.3:1. + color: tokens.body2, }; const chip: CSSProperties = { -- 2.45.3