Explore Accessibility and labeling Options for AILabel Component

[2nikhiltom]

Originated in this slack thread while discussing about Accessible name does not match or contain the visible label text violation in AILabel (false pisitive)

Redundant ARIA labeling concern
The redundancy concern stems from the fact that the visible text ("AI Text goes here") within the button is already accessible and will be announced by screen readers as the button's accessible name. Specifying the same text again using the aria-label attribute creates duplication

Proposed Solution the thread discussion:
Refine the interaction and improve accessibility by introducing tooltips

• Display a Tooltip on hover/focus of the button to provide additional information. This would make the content more discoverable and enhance the accessibility for users who rely on hover or focus events.
• And still Maintain the existing Toggletip behavior for displaying more detailed information when the button is clicked or focused, ensuring that the button's functionality remains interactive and provides the necessary explainability when triggered.

Update label to AI explanation / AI details / AI info sinceAI as a button name is pretty scant

• Explore more potential ideas/workarounds

[github-actions]

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.

[2nikhiltom]

Closing this as the root cause of violation is fixed here.