CivicDataLab / CivicDataLab/ParakhAI-frontend
[Accessibility] Mobile menu dialog missing DialogTitle — aria-labelledby references non-existent element
Open
@UdayRajSahai2 is already working on this.
Since Jun 22, 2026.
bug
frontend
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 2
- Avg merge
- 9h 18m
- Merged PRs (30d)
- 4
Description
Summary
The mobile hamburger menu is implemented as a Radix UI Dialog with aria-labelledby pointing to a DialogTitle ID. However, DialogTitle is never rendered in the DOM, so the ID doesn't exist and the dialog has no accessible name. Additionally the menu only shows a profile avatar — it contains no navigation links, making the dashboard completely unnavigable for mobile users.
Fix
- Render a visually-hidden
<DialogTitle>(e.g. "Navigation menu") inside the dialog - Add navigation links to the mobile menu — mirror the desktop sidebar links (AI Models, Evaluations, Prompt Libraries, Evaluators)
Report ref: ACC-001 · Severity: MEDIUM
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.