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

[philljenkins]

@shunguoy The original violation is correctly not longer triggering.

However, I'm seeing a couple "Needs Review" issues that should not trigger on this Carbon AI page
AILabel component

DOM:

<button 
   aria-expanded="false" aria-controls="id-:r4m:" aria-label="AI Show information" 
   type="button" 
   class="cds--toggletip-button cds--ai-label__button cds--ai-label__button--mini cds--ai-label__button--default">
      <span class="cds--ai-label__text">AI</span>
</button>

1. The text "AI" is correctly part of the button and is displayed.
2. A single Checker rule input_label_visible is incorrectly reporting against two requirements (SCs). It seem that the single potential reason is triggered, but reported twice. I think neither should be reported:
   • 2.5.3 Label in Name: Needs review: The input element does not have an associated visible label
   • 3.3.2 Labels or Instructions: Needs review: The input element does not have an associated visible label

Triggered by

Rule ID: input_label_visible[file not changed in the PR #2170 ]
Reason ID: potential_no_label

• while the rule reports against both, the Help is 3.3.2 only

rulesets: [{
        "id": ["IBM_Accessibility", "IBM_Accessibility_next", "WCAG_2_1", "WCAG_2_0", "WCAG_2_2"],
        "num": ["2.5.3", "3.3.2"], //map to both requirements in help
        "level": eRulePolicy.VIOLATION,
        "toolkitLevel": eToolkitLevel.LEVEL_ONE

I can open a new issue or send this back to be fixed?

[philljenkins]

Phill added 2.5.3 to the Help file for Rule ID: input_label_visible

About this requirement

IBM 2.5.3 Label in Nane