carbon-components-angular icon indicating copy to clipboard operation
carbon-components-angular copied to clipboard

Accessability Violation : The ARIA attributes "aria-label" are not valid for the element <label> with ARIA role "none"

Open AlvinChacko opened this issue 1 year ago • 1 comments

[Title]: Accessability Violation : The ARIA attributes "aria-label" are not valid for the element

Detailed description

Describe in detail the issue you're having.

IBM Accessibility Checker tool reported that "The ARIA attributes "aria-label" are not valid for the element with ARIA role "none"" for checkbox component label tag

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

Bug

Is this issue related to a specific component?

What did you expect to happen? What happened instead? What would you like to see changed?

There is an empty aria-label for the

What browser are you working in?

Firefox

What version of the Carbon Design System are you using?

"carbon-components": "^10.58.3",
"carbon-components-angular": "^4.75.2",

Steps to reproduce the issue

  1. Run the IBM Accessibility Checker tool on component

Additional information

<label
    aria-label=""
    for="radio-11"
    ng-reflect-ng-class="[object Object]"
    id="label-radio-11"
    class="bx--radio-button__label">

AlvinChacko avatar Jul 13 '23 01:07 AlvinChacko

I would assume the same fix applied in #2623 should work here if someone want to take this task.

AlvinChacko avatar Jul 13 '23 01:07 AlvinChacko