[a11y]: [UI Shell] [Header with Actions & Side Nav] - Category title buttons lack keyboard focus during tab navigation

[2nikhiltom]

Package

@carbon/react

Browser

Firefox

Operating System

Windows

Package version

v1.58.0

React version

v1.60.3

Automated testing tool and ruleset

Manual QA

Assistive technology

JAWS

Description

When navigating through the tab key, the category title buttons are not receiving keyboard focus. This prevents users who rely on keyboard navigation from accessing these buttons

WCAG 2.1 Violation

No response

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-ui-shell-header--header-w-navigation-actions-and-side-nav

Steps to reproduce

https://react.carbondesignsystem.com/?path=/story/components-ui-shell-header--header-w-navigation-actions-and-side-nav
Visit the storybook via above link
Navigate the webpage via keyboard (Tab key) and observe that the focus does not goes to category title buttons but directly moves to the Link button below them

Suggested Severity

Severity 2 = User cannot complete task, and/or no 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