[a11y]: [UI Shell] [Header with Navigation] - Screen reader should announce the selection status, which is visually indicated by color

[2nikhiltom]

Package

@carbon/react

Browser

Firefox

Operating System

Windows

Package version

v1.60.3

React version

18.02

Automated testing tool and ruleset

Manual QA

Assistive technology

JAWS

Description

The second option in the Show/Hide Menu is visually indicated as selected, but the screen reader does not announce this selection status.

Screen reader expected to indicate the selection status , which is visually presented by colour , by using appropriate methods , for example - "by using ARIA Current properties

WCAG 2.1 Violation

No response

Reproduction/example

https://react.carbondesignsystem.com/iframe.html?viewMode=story&id=components-ui-shell-header--header-w-navigation#

Suggested Severity

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