[a11y]: Interactive Tag - Dismissible - Screen reader announced extra information along with its Label

[guidari]

Package

@carbon/react

Browser

No response

Operating System

No response

Package version

v11.62.2

React version

18.02

Automated testing tool and ruleset

Manual QA

Assistive technology

VO & JAWS

Description

Screen reader announced extra information along with each Dismiss Button Label , which confuse Sr users .
Note :
Observed that Screen reader also announcing the Element code once the Button receives Tab focus , please refer the Label announcement speech history , for the 1st Dismiss Button Label announcement (Used Tab navigation )
Dismiss "Tag content with a long text description" Button
Screen reader announecement :
Dismiss
To activate press Enter.
[object Object] frame
Dismiss Button
To activate press Enter.

Recommended Fix

1. Screen reader not expected to announce the Element code , avoid the same ,
2. also Ensure that the Topic /Heading of the Tag also announced along with Dismiss Button , as a Description - Hence Screen reader users would able to differentiate the specific objective of each Tag as well as able to differentiate functional expectation of each Dismiss Button in the case of Multiple Tags in the same page.

WCAG 2.1 Violation

No response

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/experimental-unstable-interactivetag--dismissible

Steps to reproduce

none

Suggested Severity

None

Code of Conduct

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