Skip to content

[FEATURE]: Implement keyboard accessibility for navigation cards #135

Description

@Prince-ES

Feature and its Use Cases

Description

The navigation cards on the Overview page currently work only through mouse interaction. Users navigating with a keyboard cannot focus or activate these cards.

2026-08-02.18-17-08.mp4

Since cards are implemented as clickable

elements, they are not native interactive elements, they:

  • cannot receive keyboard focus
  • cannot be activated using Enter or Space
  • screen readers may not recognize these cards as interactive elements

Expected Behavior:-

Navigation cards should:-

  • be reachable using the Tab key
  • show a visible focus state
  • activate with Enter and Space

Additional Context

No response

Code of Conduct

  • I have joined the Discord server and will post updates there
  • I have searched existing issues to avoid duplicates

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions