Skip to content

[FEATURE] [ELUSOC] accessibility: improve navbar interaction controls a11y labels and focus states #658

Description

@DebasmitaBose0

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions