From b1b0dc4b0fc1fce6174f1711ab879a8909eeb83d Mon Sep 17 00:00:00 2001
From: bot-frontend <bot-frontend@gendsgn.local>
Date: Sat, 30 May 2026 23:45:15 +0300
Subject: [PATCH] =?UTF-8?q?fix(tradein):=20recharts=20a11y=20=E2=80=94=20a?=
 =?UTF-8?q?ria-hidden=20=D1=87=D0=B0=D1=80=D1=82=D1=8B,=20h1,=20aria-label?=
 =?UTF-8?q?=20th=20(#835)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

axe-core на /ui-preview/estimate, 3 дефекта:
1. svg-img-alt: recharts symbol'ы role=img без accessible-name (Exposure/
   Distribution/PriceTrend/PriceHistory) → aria-hidden на wrapper-div чарта
   (декоративный; данные в заголовке/легенде/тексте карточки).
2. page-has-heading-one: на /ui-preview нет h1 (HeroSummary=h2; real page.tsx
   h1 есть) → визуально-скрытый h1 «Оценка стоимости квартиры».
3. empty-table-header: пустой <th/> (actions-колонка) в Listings/Deals/
   StreetDeals → aria-label=«Действия».

Refs #835, #801
---
 .../src/app/ui-preview/estimate/page.tsx       | 18 ++++++++++++++++++
 .../src/components/trade-in/DealsCard.tsx      |  2 +-
 .../components/trade-in/DistributionCard.tsx   |  3 ++-
 .../src/components/trade-in/ExposureCard.tsx   |  4 +++-
 .../src/components/trade-in/ListingsCard.tsx   |  2 +-
 .../components/trade-in/PriceHistoryChart.tsx  |  3 ++-
 .../src/components/trade-in/PriceTrendCard.tsx |  3 ++-
 .../components/trade-in/StreetDealsCard.tsx    |  2 +-
 8 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx b/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
index 31a6775e..47bdb4bb 100644
--- a/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
+++ b/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
@@ -119,6 +119,24 @@ function PreviewContent() {
       {/* Те же layout-классы, что у реальной страницы (page.tsx): .page → .result-col
           (flex-column gap, --container ширина). Без них карточки рендерились узко/«мобильно». */}
       <main className="page">
+        {/* #835: страница-результат рендерит HeroSummary как h2 — добавляем
+            визуально-скрытый h1 (page-has-heading-one). На реальной page.tsx h1
+            есть в page-title; здесь (preview, аудит) обёртки нет. */}
+        <h1
+          style={{
+            position: "absolute",
+            width: 1,
+            height: 1,
+            padding: 0,
+            margin: -1,
+            overflow: "hidden",
+            clip: "rect(0, 0, 0, 0)",
+            whiteSpace: "nowrap",
+            border: 0,
+          }}
+        >
+          Оценка стоимости квартиры
+        </h1>
         <section className="result-col">
           {/* 1. SourcesProgress */}
           <SourcesProgress estimate={FIXTURE_ESTIMATE} isPending={false} />
diff --git a/tradein-mvp/frontend/src/components/trade-in/DealsCard.tsx b/tradein-mvp/frontend/src/components/trade-in/DealsCard.tsx
index 600a1a92..627c103f 100644
--- a/tradein-mvp/frontend/src/components/trade-in/DealsCard.tsx
+++ b/tradein-mvp/frontend/src/components/trade-in/DealsCard.tsx
@@ -128,7 +128,7 @@ export function DealsCard({ estimate }: Props) {
             <th className="num">₽ / м²</th>
             <th className="num">Цена сделки</th>
             <th className="num">Дата</th>
-            <th />
+            <th aria-label="Действия" />
           </tr>
         </thead>
         <tbody>
diff --git a/tradein-mvp/frontend/src/components/trade-in/DistributionCard.tsx b/tradein-mvp/frontend/src/components/trade-in/DistributionCard.tsx
index 2be7d03e..e39214c8 100644
--- a/tradein-mvp/frontend/src/components/trade-in/DistributionCard.tsx
+++ b/tradein-mvp/frontend/src/components/trade-in/DistributionCard.tsx
@@ -94,7 +94,8 @@ export function DistributionCard({ estimate }: Props) {
         </div>
       </div>
 
-      <div style={{ width: "100%", height: 260, padding: "12px 8px 0" }}>
+      {/* #835: декоративный чарт — aria-hidden (данные в тексте/легенде карточки). */}
+      <div aria-hidden="true" style={{ width: "100%", height: 260, padding: "12px 8px 0" }}>
         <ResponsiveContainer>
           <BarChart data={bins} margin={{ top: 8, right: 16, left: 8, bottom: 8 }}>
             <CartesianGrid stroke="var(--border)" strokeDasharray="3 3" />
diff --git a/tradein-mvp/frontend/src/components/trade-in/ExposureCard.tsx b/tradein-mvp/frontend/src/components/trade-in/ExposureCard.tsx
index a5f13941..8c099d49 100644
--- a/tradein-mvp/frontend/src/components/trade-in/ExposureCard.tsx
+++ b/tradein-mvp/frontend/src/components/trade-in/ExposureCard.tsx
@@ -72,7 +72,9 @@ export function ExposureCard({ estimate }: Props) {
         </div>
       </div>
 
-      <div style={{ width: "100%", height: 280, padding: "12px 8px 0" }}>
+      {/* #835: чарт декоративный (данные — в заголовке/легенде/тексте карточки);
+          aria-hidden убирает recharts symbol'ы role="img" без accessible-name. */}
+      <div aria-hidden="true" style={{ width: "100%", height: 280, padding: "12px 8px 0" }}>
         <ResponsiveContainer>
           <ScatterChart margin={{ top: 8, right: 20, left: 8, bottom: 16 }}>
             <CartesianGrid stroke="var(--border)" strokeDasharray="3 3" />
diff --git a/tradein-mvp/frontend/src/components/trade-in/ListingsCard.tsx b/tradein-mvp/frontend/src/components/trade-in/ListingsCard.tsx
index dfb5042d..be498703 100644
--- a/tradein-mvp/frontend/src/components/trade-in/ListingsCard.tsx
+++ b/tradein-mvp/frontend/src/components/trade-in/ListingsCard.tsx
@@ -258,7 +258,7 @@ export function ListingsCard({ estimate, estimateId }: Props) {
             <th className="num">₽ / м²</th>
             <th className="num">Стоимость</th>
             <th className="num">Дист.</th>
-            <th />
+            <th aria-label="Действия" />
           </tr>
         </thead>
         <tbody>
diff --git a/tradein-mvp/frontend/src/components/trade-in/PriceHistoryChart.tsx b/tradein-mvp/frontend/src/components/trade-in/PriceHistoryChart.tsx
index 1322756e..fec51da6 100644
--- a/tradein-mvp/frontend/src/components/trade-in/PriceHistoryChart.tsx
+++ b/tradein-mvp/frontend/src/components/trade-in/PriceHistoryChart.tsx
@@ -52,7 +52,8 @@ export function PriceHistoryChart({ points }: Props) {
           Медиана ₽/м² по году · Avito + Яндекс (по {totalLots} лотам)
         </small>
       </header>
-      <div style={{ width: "100%", height: 240 }}>
+      {/* #835: декоративный чарт — aria-hidden (данные в тексте/легенде карточки). */}
+      <div aria-hidden="true" style={{ width: "100%", height: 240 }}>
         <ResponsiveContainer>
           <LineChart
             data={pivoted}
diff --git a/tradein-mvp/frontend/src/components/trade-in/PriceTrendCard.tsx b/tradein-mvp/frontend/src/components/trade-in/PriceTrendCard.tsx
index ff313db3..63ccf090 100644
--- a/tradein-mvp/frontend/src/components/trade-in/PriceTrendCard.tsx
+++ b/tradein-mvp/frontend/src/components/trade-in/PriceTrendCard.tsx
@@ -71,7 +71,8 @@ export function PriceTrendCard({ estimate }: Props) {
         </div>
       </div>
 
-      <div style={{ width: "100%", height: 240, padding: "12px 8px 0" }}>
+      {/* #835: декоративный чарт — aria-hidden (данные в тексте/легенде карточки). */}
+      <div aria-hidden="true" style={{ width: "100%", height: 240, padding: "12px 8px 0" }}>
         <ResponsiveContainer>
           <LineChart data={data} margin={{ top: 8, right: 16, left: 8, bottom: 8 }}>
             <CartesianGrid stroke="var(--border)" strokeDasharray="3 3" />
diff --git a/tradein-mvp/frontend/src/components/trade-in/StreetDealsCard.tsx b/tradein-mvp/frontend/src/components/trade-in/StreetDealsCard.tsx
index 89d90144..ab673029 100644
--- a/tradein-mvp/frontend/src/components/trade-in/StreetDealsCard.tsx
+++ b/tradein-mvp/frontend/src/components/trade-in/StreetDealsCard.tsx
@@ -165,7 +165,7 @@ export function StreetDealsCard({ estimate }: Props) {
             <th className="num">₽/м²</th>
             <th className="num">Дата</th>
             {hasAnyListing && <th>Объявление до сделки</th>}
-            <th />
+            <th aria-label="Действия" />
           </tr>
         </thead>
         <tbody>