[a11y]: Tabbed content does not have an associated name

[danielannan17]

Package

carbon-components-react

Browser

Firefox

Operating System

MacOS

Package version

v7.43.0

Automated testing tool and ruleset

IBM Equal Access Accessbility Checker

Assistive technology

No response

Description

Components with the ARIA role are expected to have an associated name

WCAG 2.1 Violation

No response

CodeSandbox example

https://8u88r.csb.app/

Steps to reproduce

1. Download IBM Equal Access Accessibility Checker firefox extension
2. Visit https://8u88r.csb.app/
3. Open chrome dev tools
4. Navigate to 'Accessibility Assessment' tab
5. Click 'Scan' - you should now see the violation

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[abbeyhrt]

Hi @danielannan17 👋 Thanks for making this issue! Tabbed content is aria-labelled by Tab so Tab needs to have an id for it to correctly label the tab content. You can see this in the code sandbox you sent, if you add an id to Tab the accessibility violation goes away. Example with id added

[abbeyhrt]

Closing since the issue has been addressed.