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

[jadamski02]

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

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[tay1orjones]

Thanks for reporting this! I put up a PR just now that should fix it.