[a11y]: Overflow Menu - JAWS is not announcing/skips the disabled options present in Menu

[2nikhiltom]

Package

@carbon/react

Browser

No response

Operating System

No response

Package version

v1.56.0

React version

18.02

Automated testing tool and ruleset

Manual QA

Assistive technology

JAWS

Description

In the storybook example
While navigating through the options in the dropdown list, the user is aware that there are six list elements. JAWS announces each option individually during navigation, skipping the disabled option, which is "option 4 of 6". The JAWS announcements are as follows:

• "Overflow-menu menu"
• "Stop app"
• "1 of 6. To move through items, press up or down arrow."
• "Restart app"
• "2 of 6"
• "Rename app"
• "3 of 6"
• "Edit routes and access"
• "5 of 6"
• "Delete app"
• "6 of 6"
• "Edit routes and access"
• "5 of 6"

Open 4 is skipped by SR (Not announced )

When the state of an element i.e. disabled, selected, expanded, currently active etc. is not conveyed for the screen reader user, it can be misleading for the user. . this impacts the user interaction.

WCAG 2.1 Violation

No response

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-overflowmenu--default

Code of Conduct

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