[a11y]: hard-coded ids in text input web component

[CapitalKMan]

Package

@carbon/web-components

Browser

Firefox

Operating System

MacOS

Package version

npm module 2.10.0 (appears in 2.21.0 as well)

React version

Vue 3.14.15

Automated testing tool and ruleset

IBM Equal Access Accessibility Checker

Assistive technology

No response

Description

When using multiple text input carbon web components on the same web page, an accessibility error is encountered stating the there is an id conflict. Basically the underlying input element has the 'aria-describedby' field hard-coded to 'helper-text' and the accompanying helper-text has it's id hard-coded to 'helper-text'. Below are screenshots of the error and relevant source code.

WCAG 2.1 Violation

No response

Reproduction/example

https://stackblitz.com/edit/github-b6vroyp1?file=src%2Findex.js

Steps to reproduce

Use more than one text input field on a single web page.

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Code of Conduct

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