Enhance accessibility: ARIA for navigation and notifications

[ayushhh101]

Description

• Add aria-label="Open menu" to the navigation hamburger button
• Add role="navigation" and aria-label="Primary" to the sidebar nav
• Add aria-live="polite" to notifications list wrapper so screen readers announce updates

Why

• Improves keyboard and screen reader accessibility
• Clarifies landmark roles and control purpose
• Aligns with a11y best practices and inclusive design

Proposed changes

1. File src/components/Navigation.jsx:

• Hamburger button: add aria-label="Open menu"
• Sidebar : add role="navigation" and aria-label="Primary"

2. File src/components/NotificationList.jsx:

• Notifications container: add aria-live="polite"

Impact

• No visual changes or breaking changes
• Better SR announcements and navigation semantics

Acceptance criteria

• Lighthouse a11y score does not regress
• VoiceOver/NVDA reads hamburger as “Open menu”
• Sidebar landmark recognized as navigation
• Notifications announced politely when added

[ayushhh101]

Hi @rajshekharbind , I’ve opened PR #20 to address “Enhance accessibility: ARIA for navigation and notifications” (#19).
Adds aria-label="Open menu" to the hamburger button
Adds role="navigation" and aria-label="Primary" to the sidebar nav
Adds aria-live="polite" to notifications list wrapper
No visual changes; improves keyboard and screen reader experience. Please review when you have a moment.