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

Tabs: Form control element <button> has no associated label #7304

Closed
1 of 2 tasks
gptt916 opened this issue Nov 17, 2020 · 2 comments · Fixed by #7353
Closed
1 of 2 tasks

Tabs: Form control element <button> has no associated label #7304

gptt916 opened this issue Nov 17, 2020 · 2 comments · Fixed by #7353

Comments

@gptt916
Copy link
Contributor

gptt916 commented Nov 17, 2020

What package(s) are you using?

  • carbon-components
  • carbon-components-react

Detailed description

Describe in detail the issue you're having.

Button in the Tabs component is not passing accessibility, it's missing attributes such as aria-labelledby or for.

Is this issue related to a specific component?

Yes, Tabs

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

It should pass accessibility

What browser are you working in?

Chrome/firefox

What version of the Carbon Design System are you using?

x.23.2

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

IBM Cloud docs

Steps to reproduce the issue

  1. https://react.carbondesignsystem.com/iframe.html?id=tabs--container
  2. Decrease screen width until buttons are showing
  3. Buttons missing label

Additional information

image
image

@icemanlily
Copy link
Contributor

@emyarod Any updates for this issue?

@emyarod
Copy link
Member

emyarod commented Dec 9, 2020

@icemanlily this should be addressed in #7353

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants