Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Accessibility]: SVG element has no accessible name error for the for all charts #1946

Open
Chinmaya-812 opened this issue Jan 16, 2025 · 0 comments

Comments

@Chinmaya-812
Copy link

Chinmaya-812 commented Jan 16, 2025

Application/Team

Cloud pak for data / Zen

Environment

Automated testing tool and ruleset

What happened? What did you expect to happen instead?

Getting ‘The SVG element has no accessible name’ accessibility issue on the charts. i tried adding Aria-label, title, tooltip to the gaugeChart & linechart tag, but it is not helping to fix the issue. i have tried the codesandbox from the carbondesignsystems webpage and see the error there as well while running the accessibility tool: https://stackblitz.com/edit/react-huv4phmk?file=src%2Foptions.js.

https://stackblitz.com/edit/react-huv4phmk?file=src%2Foptions.js,package.json,src%2Findex.js

This SVG accessibility violation is comes almost all component of the @carbon/charts-react.
I just add codesandbox link for

Image

What WCAG 2.1 checkpoint does the issue violate?

1.1.1 Non-text Content

Version

"@carbon/charts-react": "1.22.14"

Data & options used

Relevant log output

StackBlitz repro

https://stackblitz.com/edit/react-huv4phmk?file=src%2Foptions.js

https://stackblitz.com/edit/react-huv4phmk?file=src%2Foptions.js,package.json,src%2Findex.js

What priority level would this issue be in your opinion?

P1

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

No branches or pull requests

1 participant