False positive on Accessible name

[shunguoy]

I see a violation "Accessible name does not match or contain the visible label text" with the latest rule set (the violation is only seen on 06-Aug-2024 deployment and later versions) on carbon's AILabel component
Visually, the button displays two with content " AI" and "Text goes here"
The aria-label on button is set to "AI Text goes here" (with a space b/w "AI" and Text goes here" )
more details are here : carbon-design-system/carbon#18204

<button
  aria-expanded="false"
  aria-controls="id-:re:"
  aria-label="AI Text goes here"
  type="button">
    <span class="cds--ai-label__text">AI</span>
    <span class="cds--ai-label__additional-text">Text goes here</span>
</button>

see more details: https://ibm-studios.slack.com/archives/C036P1CTN/p1733731510915439

[philljenkins]

See Slack thread at
https://ibm-studios.slack.com/archives/C036P1CTN/p1733731510915439

[philljenkins]

As reported by Nikhil Tomar:
[email protected], Frontend Dev, Carbon

This is the "reproducible test" environment

• source: https://react.carbondesignsystem.com/iframe.html?args=&globals=&id=components-ailabel--default&viewMode=story
• This one removes the "-" between the labels https://deploy-preview-17351--v11-carbon-react.netlify.app/?path=/story/components-ailabel--default
• I do not see any Recommendations, a needs review entry is present "The input element does not have an associated visible label" (screenshot attached)
• checker: v 3.1.78 (latest)
• Browser: Chrome
• Settings: Preview Rules and IBM Accessibility 7.3
  

[philljenkins]

Also see companion issue in Carbon with details at: carbon-design-system/carbon#18204