fix aria label for screen reader on scatter plot color axis picker (#…

…2440)
microsoft · Dec 6, 2023 · fe02419 · fe02419
1 parent d473c30
commit fe02419
Showing 1 changed file with 9 additions and 0 deletions.
diff --git 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 && (