search

carbon-design-system / carbon-components-vue

Vue implementation of the Carbon Design System
http://vue.carbondesignsystem.com
Apache License 2.0
598 stars 177 forks source link

The 'id' {uid}-label specified for the ARIA property aria-labelledby #1501

Open malupressler opened 11 months ago

malupressler commented 11 months ago

Detailed description

Describe in detail the issue you're having.

The 'id' {uid}-label specified for the ARIA property aria-labelledby value is not valid, occurs because the aria-labelledby it has to be the same as id and in carbon component it's not happening this, because id has the '-label' not letting the aria be totally the same

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

General issue which affects accessibility

Is this issue related to a specific component?

No, it's general for the id.

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

Not appear the accessibility error

What browser are you working in?

Chrome and Firefox

What version of the Carbon Design System are you using?

24.5.1 (latest)

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

OSOL

Steps to reproduce the issue

  1. Basically using any multi-select component should appear the error, but any id different from labelledby it's going to show this error
  2. Letting in the id only the id="{uid}" should fix since the "-label" at the end of id it's what making the difference from labelledby

Additional information

Screenshot 2023-07-28 at 16 08 35
github-actions[bot] commented 3 weeks ago

This issue has been marked as stale because it has required additional info or a response from the author for over 14 days. When you get the chance, please comment with the additional info requested. Otherwise, this issue will be closed in 14 days.