Skip to content

Updated bar role from image to button based on the props to fix voice control issue in accessibility mode#36096

Open
v-baambati wants to merge 21 commits into
microsoft:masterfrom
v-baambati:May_2026BugFixes
Open

Updated bar role from image to button based on the props to fix voice control issue in accessibility mode#36096
v-baambati wants to merge 21 commits into
microsoft:masterfrom
v-baambati:May_2026BugFixes

Conversation

@v-baambati
Copy link
Copy Markdown
Contributor

@v-baambati v-baambati commented May 5, 2026

@v-baambati v-baambati requested a review from a team as a code owner May 5, 2026 08:21
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 5, 2026

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-charts
AreaChart
403.405 kB
125.786 kB
403.411 kB
125.785 kB
6 B
-1 B
react-charts
DeclarativeChart
754.408 kB
220.139 kB
754.657 kB
220.246 kB
249 B
107 B
react-charts
GanttChart
386.499 kB
120.153 kB
386.505 kB
120.154 kB
6 B
1 B
react-charts
GroupedVerticalBarChart
394.37 kB
122.872 kB
394.472 kB
122.91 kB
102 B
38 B
react-charts
HeatMapChart
388.581 kB
121.173 kB
388.587 kB
121.174 kB
6 B
1 B
react-charts
HorizontalBarChart
293.54 kB
88.973 kB
293.734 kB
89.034 kB
194 B
61 B
react-charts
LineChart
414.729 kB
128.737 kB
414.735 kB
128.738 kB
6 B
1 B
react-charts
ScatterChart
394.112 kB
122.856 kB
394.118 kB
122.861 kB
6 B
5 B
react-charts
VerticalBarChart
430.85 kB
127.756 kB
431.009 kB
127.794 kB
159 B
38 B
react-charts
VerticalStackedBarChart
400.574 kB
124.352 kB
400.729 kB
124.39 kB
155 B
38 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-charts
DonutChart
313.868 kB
96.529 kB
react-charts
FunnelChart
305.367 kB
93.359 kB
react-charts
GaugeChart
313.246 kB
95.915 kB
react-charts
HorizontalBarChartWithAxis
63 B
83 B
react-charts
Legends
233.214 kB
69.846 kB
react-charts
PolarChart
342.213 kB
106.408 kB
react-charts
SankeyChart
211.914 kB
67.836 kB
react-charts
Sparkline
80.503 kB
26.644 kB
🤖 This report was generated against 23c05d1de3c0bcb9e84e77d534cbc6df33a974a5

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 5, 2026

Pull request demo site: URL

<g
role="listbox"
id={keyVal}
aria-label={chartGroupAriaLabel}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The outer svg already has aria label. Is aria label necessary here

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes @AtishayMsft otherwise it is throwing error in fast pass tool. FFB

Fix ONE of the following:
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

did you try setting the title attribute

Copy link
Copy Markdown
Contributor Author

@v-baambati v-baambati Jun 4, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes @AtishayMsft SVG element does not have title prop so it is forcing me to add aria label

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What about the aria-labelledby attribute of the outer containing svg element

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants