react-spectrum-charts icon indicating copy to clipboard operation
react-spectrum-charts copied to clipboard

Accessibility issue: <svg> elements with an img role must have an alternative text

Open nali-github opened this issue 1 year ago โ€ข 0 comments

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 axe DevTools complains

๐Ÿค” 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: rsc

๐Ÿ–ฅ๏ธ 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

nali-github avatar Dec 05 '24 23:12 nali-github