react-spectrum-charts
react-spectrum-charts copied to clipboard
Accessibility issue: <svg> elements with an img role must have an alternative text
Provide a general summary of the issue here
We got accessibility ticket when rendering chart as svg: <svg> elements with an img role must have an alternative text
๐ค Expected Behavior?
Can add aria-label to the components
๐ฏ Current Behavior
Unable to add aria-label to the components
๐ Possible Solution
No response
๐ฆ Context
Here is the implementation. I tried to add a description prop to Chart level in RSC, it's added to the top div. The Bar component doesn't support description prop.
Based on axe DevTools, the aria-label needed to add to 2 lower level elements:
๐ฅ๏ธ Steps to Reproduce
Storybook link here .
Scan using the axe DevTools can see the problem.
Version
1.15.0
What browsers are you seeing the problem on?
Chrome
If other, please specify.
No response
What operating system are you using?
Mac
๐งข Your Company/Team
No response
๐ท Tracking Issue
No response