From 041589f2fc2630e4879a4354af06fe250732007c Mon Sep 17 00:00:00 2001
From: bot-backend <bot-backend@gendsgn.local>
Date: Sun, 28 Jun 2026 20:11:43 +0300
Subject: [PATCH] =?UTF-8?q?fix(tradein/v2):=20a11y=20=E2=80=94=20=C2=AB?=
 =?UTF-8?q?=D1=81=D0=BA=D0=BE=D1=80=D0=BE=C2=BB=20pill=20AA=20contrast=20+?=
 =?UTF-8?q?=20drawer=20aria-hidden=20(#2062)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

axe-фоллоуап к #2066: «скоро» (КОЭФ.ЛОКАЦИИ) muted2→body2 (2,3→6,3:1 на badgeTint); LocationDrawer aria-hidden когда закрыт (off-canvas вне лендмарка → снимает axe «region»).
---
 .../frontend/src/components/trade-in/v2/HeroBar.tsx    |  4 +++-
 .../src/components/trade-in/v2/LocationDrawer.tsx      | 10 +++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/tradein-mvp/frontend/src/components/trade-in/v2/HeroBar.tsx b/tradein-mvp/frontend/src/components/trade-in/v2/HeroBar.tsx
index e1e58a4c..c6f6f0fe 100644
--- a/tradein-mvp/frontend/src/components/trade-in/v2/HeroBar.tsx
+++ b/tradein-mvp/frontend/src/components/trade-in/v2/HeroBar.tsx
@@ -373,7 +373,9 @@ export default function HeroBar({
                   style={{
                     fontSize: "9px",
                     letterSpacing: ".5px",
-                    color: tokens.muted2,
+                    // body2 (not muted2): муть на badgeTint давала 2.3:1 < AA;
+                    // body2 на badgeTint ≈ 6.3:1 — читаемо, остаётся «приглушённым».
+                    color: tokens.body2,
                     background: tokens.badgeTint,
                     border: `1px solid ${tokens.line2}`,
                     borderRadius: 10,
diff --git a/tradein-mvp/frontend/src/components/trade-in/v2/LocationDrawer.tsx b/tradein-mvp/frontend/src/components/trade-in/v2/LocationDrawer.tsx
index 9c64e2be..104acb33 100644
--- a/tradein-mvp/frontend/src/components/trade-in/v2/LocationDrawer.tsx
+++ b/tradein-mvp/frontend/src/components/trade-in/v2/LocationDrawer.tsx
@@ -71,6 +71,11 @@ export function LocationDrawer({ open, onClose }: LocationDrawerProps) {
 
       {/* drawer */}
       <div
+        // Off-canvas when closed → keep it out of the a11y tree so it isn't
+        // flagged as content outside a landmark (axe "region"). No native
+        // focusable elements inside (close is a div), so aria-hidden is safe.
+        // Full dialog semantics (role=dialog/focus-trap/inert) land in P3.
+        aria-hidden={!open}
         style={{
           position: "absolute",
           top: 0,
@@ -196,9 +201,8 @@ export function LocationDrawer({ open, onClose }: LocationDrawerProps) {
           <b style={{ color: tokens.ink2 }}>
             рекомендованная цена в объявлении
           </b>{" "}
-          (asking),{" "}
-          <b style={{ color: tokens.ink2 }}>ожидаемая цена сделки</b> (asking −
-          торг по ДКП),{" "}
+          (asking), <b style={{ color: tokens.ink2 }}>ожидаемая цена сделки</b>{" "}
+          (asking − торг по ДКП),{" "}
           <b style={{ color: tokens.ink2 }}>ДКП·Росреестр</b> (фактические
           сделки). CV — коэффициент вариации выборки (разброс цен).
         </div>