[a11y]: Missing Aria role cds-tab & cds-tabs, fails to meet accessibility standards

Package

@carbon/web-components

Browser

Chrome

Operating System

No response

Package version

v2.60.0

React version

No response

Automated testing tool and ruleset

Axe DevTools Extension

Assistive technology

No response

Description

Axe dev tools flags both cds-tab and cds-tabs for the following reasons. Cds tabs contains children (cds-tab) which have a non allowed role: [role=listitem]

Similarly cds-tab also flags the following violation: Required ARIA parent role not present: list

Both examples are visible on web componenets story book.

WCAG 2.1 Violation

No response

Reproduction/example

https://web-components.carbondesignsystem.com/?path=/story/components-tabs--default

Steps to reproduce

Run accessibility checker (e.g axeDevtools) on story book tabs page: https://web-components.carbondesignsystem.com/?path=/story/components-tabs--default

Suggested Severity

Medium (Severity 3) = User can complete task, and/or has a workaround within the user experience of a given component.

Code of Conduct

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