[a11y]: ai-chat may add aria relationship from links/references to container message #910
Description
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
Imagine a response message that contains a text plus a number of references/links, i.e. a linkList element.
Imagine further, that one of the references/links has a very short title, like "Overview". This may occur because the titles may be taken from online documentation for example.
Such existing Label "Overview" would be too vague or insufficiently descriptive, to explain the purpose of the control .
When the references/links use aria-labelled-by or aria-owns to refer to the overall/containing message, the context would provided enough context.
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
- open ai-chat
- ask question that causes an answer to contain references with insufficiently descriptive titles.
- Observe with JAWS, that the context is insufficient
Code of Conduct
- I agree to follow this project's Code of Conduct
- I checked the current issues for duplicate problems