AVT issue - Form control element <button> has no associated label

[AbhishekDuraphe]

Detailed description

Form control element has no associated label for element ibm-tooltip-definition > button (This button HTML is dynamically generated and not editable)

Is this a feature request (new component, new icon), a bug, or a general issue? AVT General issue

Is this issue related to a specific component? Yes ibm-tooltip-definition

What did you expect to happen? What happened instead? What would you like to see changed? The button element present/rendered under tag should have either of these attributes (aria-label, title, aria-labelledby)

What browser are you working in? Chrome

What version of the Carbon Design System are you using? "carbon-components-angular": "^4.59.9"

What offering/product do you work on - MCMP ? Any pressing ship or release dates we should be aware of - NO ?

Steps to reproduce the issue

Used IBM accessibility checker chrome plugin

Additional information

• Screenshots or code

[Akshat55]

Hey @AbhishekDuraphe, I cannot seem to reproduce this issue. Can you please create a code sandbox example?

Why do you have a button (within button, classed .filter-button) within ibm-definition-tooltip? Instead, why not use just use tooltip icon? Based on the second image that you've sent, it appears as if you're trying to add a tooltip to a filter icon?

[AbhishekDuraphe]

@Akshat55 , I have not added any HTML implicitly here. This is generated after <ibm-tooltip-definition> carbon component is used. Use the IBM equal accessibility checker tool to verify the above AAT issue.

[AmirHussain93]

@Akshat55 , I have not added any HTML implicitly here. This is generated after <ibm-tooltip-definition> carbon component is used. Use the IBM equal accessibility checker tool to verify the above AAT issue.

I can also see the same AVT violation for <ibm-tooltip-definition>

cc: @Akshat55