From a60846c95976ebbbc3dfb84c47e791a206d05c30 Mon Sep 17 00:00:00 2001
From: Lily Kuang <lily@preset.io>
Date: Wed, 22 Feb 2023 14:36:20 -0800
Subject: [PATCH] address comments

---
 .../src/visualizations/TimeTable/SparklineCell.tsx         | 7 +++++--
 .../src/visualizations/TimeTable/TimeTable.jsx             | 1 +
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/visualizations/TimeTable/SparklineCell.tsx b/superset-frontend/src/visualizations/TimeTable/SparklineCell.tsx
index e49bb38694711..c1d58e1eb5dc6 100644
--- a/superset-frontend/src/visualizations/TimeTable/SparklineCell.tsx
+++ b/superset-frontend/src/visualizations/TimeTable/SparklineCell.tsx
@@ -37,13 +37,14 @@ import {
 } from '@visx/xychart';
 
 interface Props {
+  ariaLabel: string;
   dataKey: string;
   className?: string;
   data: Array<number>;
   entries: Array<any>;
   height: number;
-  numberFormat?: string;
-  dateFormat?: string;
+  numberFormat: string;
+  dateFormat: string;
   renderTooltip: ({ index }: { index: number }) => React.ReactNode;
   showYAxis: boolean;
   width: number;
@@ -80,6 +81,7 @@ function isValidBoundValue(value?: number | string) {
 }
 
 const SparklineCell = ({
+  ariaLabel,
   dataKey,
   data,
   width = 300,
@@ -160,6 +162,7 @@ const SparklineCell = ({
   return (
     <>
       <XYChart
+        accessibilityLabel={ariaLabel}
         width={width}
         height={height}
         margin={margin}
diff --git a/superset-frontend/src/visualizations/TimeTable/TimeTable.jsx b/superset-frontend/src/visualizations/TimeTable/TimeTable.jsx
index fafab2b37adaa..bf8551bf07457 100644
--- a/superset-frontend/src/visualizations/TimeTable/TimeTable.jsx
+++ b/superset-frontend/src/visualizations/TimeTable/TimeTable.jsx
@@ -162,6 +162,7 @@ const TimeTable = ({
 
       return (
         <SparklineCell
+          ariaLabel={`spark-${valueField}`}
           width={parseInt(column.width, 10) || 300}
           height={parseInt(column.height, 10) || 50}
           data={sparkData}