From fe0241972d5a4f6ba93a66c64dcc7a1855d1ba08 Mon Sep 17 00:00:00 2001
From: Ilya Matiach <ilmat@microsoft.com>
Date: Wed, 6 Dec 2023 10:58:30 -0500
Subject: [PATCH] fix aria label for screen reader on scatter plot color axis
 picker (#2440)

---
 .../src/lib/ChartView/DataAnalysisView/SidePanel.tsx     | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/libs/dataset-explorer/src/lib/ChartView/DataAnalysisView/SidePanel.tsx b/libs/dataset-explorer/src/lib/ChartView/DataAnalysisView/SidePanel.tsx
index 145ae3ce20..97f942fc5c 100644
--- a/libs/dataset-explorer/src/lib/ChartView/DataAnalysisView/SidePanel.tsx
+++ b/libs/dataset-explorer/src/lib/ChartView/DataAnalysisView/SidePanel.tsx
@@ -127,6 +127,15 @@ export class SidePanel extends React.Component<
                   this.props.chartProps.colorAxis.property
                 ].label
               }
+              ariaLabel={
+                this.props.chartProps.colorAxis
+                  ? `${localization.Interpret.DatasetExplorer.colorValue} - ${
+                      this.props.jointDataset.metaDict[
+                        this.props.chartProps.colorAxis.property
+                      ].label
+                    }`
+                  : localization.Interpret.DatasetExplorer.colorValue
+              }
             />
             <div className={classNames.legendAndText}>
               {colorSeries?.length && (