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]: Missing aria-label for 2 svg elements in LineChart component #1949

Open
David-Yuen opened this issue Jan 20, 2025 · 0 comments

Comments

@David-Yuen
Copy link

Application/Team

Data Replication

Environment

Browser

What happened? What did you expect to happen instead?

When rendering the LineChart component, there are 2 svg elements that are missing aria-label.

<svg
    height="130"
    width="282.21875"
    y="0"
    x="0"
    role="presentation"
    class="chart-grid-backdrop">
<svg
    height="100%"
    width="100%"
    role="presentation"
    class="cds--cc--zero-line">

I'm seeing the following accessibility scan errors (same for both):

Rule ID: svg_graphics_labelled
Reason ID: fail_acc_name

Image

Image

What WCAG 2.1 checkpoint does the issue violate?

svg_graphics_labelled

Version

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

Data & options used

Relevant log output

StackBlitz repro

No response

What priority level would this issue be in your opinion?

P3

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