Problem
Navbar interactive items lack standard ARIA attributes, violating web accessibility guidelines (WCAG).
Current Behavior
The theme toggle button has no textual equivalent (aria-label), and the language selector dropdown lack standard state bindings.
Why This Improvement Is Needed
Screen readers cannot identify what the theme toggle button does, and keyboard users cannot easily manage dropdown states.
Proposed Solution
Add aria-label, aria-pressed, aria-haspopup, and aria-expanded attributes to the Navbar elements.
Expected Outcome
Screen readers cleanly read toggle commands, and dropdown menus advertise open/closed states.
Problem
Navbar interactive items lack standard ARIA attributes, violating web accessibility guidelines (WCAG).
Current Behavior
The theme toggle button has no textual equivalent (
aria-label), and the language selector dropdown lack standard state bindings.Why This Improvement Is Needed
Screen readers cannot identify what the theme toggle button does, and keyboard users cannot easily manage dropdown states.
Proposed Solution
Add
aria-label,aria-pressed,aria-haspopup, andaria-expandedattributes to the Navbar elements.Expected Outcome
Screen readers cleanly read toggle commands, and dropdown menus advertise open/closed states.