Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
malupressler opened this issue Aug 2, 2023 · 0 comments
Open

Comments

@malupressler
Copy link

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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant