[a11y]: ai-chat shoul provide more descriptive labels for main menu and AI menu

[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

The existing Label "Open" (of the main menu of ai-chat) and the non-existing label of the AI menu are too vague or insufficiently descriptive, to explain the purpose of the controls.

Recommended fix: Ensure that all interactive controls have specific and descriptive labels that accurately communicate their function or the information required.
Recommend to provide a Descriptive Visual Label which explain the purpose of the control , and associate the same with Element by using HTML Label for attribute or ARIA Labeled by.

User impact: When controls have unclear or non-descriptive labels, users—particularly those using assistive technologies—may misunderstand the purpose of the control,
leading to errors, hesitation, or inability to complete tasks.

WCAG 2.1 Violation

WCAG Mapping: 2.4.6 Headings and Labels

Reproduction/example

n/a

Steps to reproduce

1. open ai-chat
2. observer vague labels of both main menu (top-left hand side) and AI menu (top right hand side)

Code of Conduct

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