feat: Wrap breadcrumb in <nav> landmark for screen reader navigation
- Dominant language
- Python
- Stars
- 451
- Forks
- 707
- Avg merge
- 22h 59m
- Merged PRs (30d)
- 91
Description
**Is your feature request related to a problem? Please describe.**
The breadcrumb trail at the top of every page is wrapped in a `
**Describe the solution you'd like**
Wrap the breadcrumb component in a `` element with `aria-label="Breadcrumb"` so screen readers can identify it as a navigation region and users can jump to it directly.
The change is in `frontend/src/components/BreadCrumbs.tsx`:
- Line 13: `
- Line 56: `
**Describe alternatives you've considered**
- Using `role="navigation"` on the existing `
- Keeping the current `
**Are you going to work on implementing this?**
- [x] Yes
- [ ] No
**Additional context**
The fix is already implemented on branch `feat/breadcrumb-nav-landmark`:
- `frontend/src/components/BreadCrumbs.tsx` — 2 lines changed (+2/-2)
This is part of Milestone #23 UI/UX Revamp — navigation improvements and accessibility best practices.
Contributor guide
Assessment
This issue has not been assessed yet.