[a11y]: ai-chat does not announce main menu open and AI menu open for JAWS

[Daniel-Schulz-Private]

Browser

No response

Operating System

No response

Package version

0.18.0

React version

18.3.1

Automated testing tool and ruleset

n/a

Assistive technology

JAWS

Description

When keyboard focus moves to interactive controls ,the screen reader fails to announce the current state expanded/collapsed

Recommended fix: Ensure that all interactive controls expose their current state programmatically, either through native HTML semantics or appropriate ARIA attributes
Here , use ARIA Expand /Collapse properties accordingly and indicate the Open /Closed state of the Show /Hide panel to Screen reader users.

User impact: Screen reader users are impacted because the role and state (e.g., checked, selected, expanded) of interactive controls are not announced on focus. This
prevents visually disabled users from understanding the condition of controls, leading to confusion and potential errors while interacting with the page.

WCAG 2.1 Violation

WCAG Mapping: 4.1.2 Name, Role, Value

Reproduction/example

n/a

Steps to reproduce

1. open ai-chat
2. make sure to use JAWS
3. open main menu and AI menu
4. observe it is not properly announced, that either menu is opened

Code of Conduct

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