Skip to content

[a11y]: Small toggle triggers "The SVG element has no accessible name" #17676

Description

Package

@carbon/react

Browser

Chrome

Operating System

MacOS

Package version

1.63.2

React version

17.0.2

Automated testing tool and ruleset

IBM Equal Access Accessibility Checker

Assistive technology

No response

Description

The error is triggered when Toggle component has property size with value "sm" and it is on.
I managed to reproduce it in the storybook.

WCAG 2.1 Violation

No response

Reproduction/example

https://stackblitz.com/edit/github-ojuhir?file=src%2FApp.jsx

Steps to reproduce

  1. Open Toggle component description on storybook
  2. Go to playground and choose the "sm" value of "size" prop
  3. Open the result in fullscreen
  4. Scan it with IBM Equal Access Accessibility Checker
Screen.Recording.2024-10-08.at.13.30.06.mov

Suggested Severity

None

Code of Conduct

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

Metadata

Assignees

Type

Projects

  • Status

    🚦 In Review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions