earn icon indicating copy to clipboard operation
earn copied to clipboard

Improve keyboard accessibility on home and listing pages

Open JayeshVP24 opened this issue 2 months ago • 1 comments

Problem: The home page and individual listing page currently have limited support for keyboard navigation. Users relying on keyboard (Tab, arrow keys, Enter, etc.) may find it difficult to navigate between interactive elements, trigger actions, or access important information. This affects accessibility and user experience, especially for users who cannot use a mouse.

Task:

  • Audit the home page and individual listing page for keyboard accessibility issues.
  • Ensure all interactive elements (buttons, links, forms, cards, etc.) are reachable via keyboard.
  • Implement logical tab order and focus states for all controls.
  • Add ARIA labels and roles where appropriate to improve accessibility for screen readers.
  • Test and fix any focus traps, inaccessible controls, or missing keyboard shortcuts.

Solution:

  • Refactor the markup and add missing tabindex attributes where necessary.
  • Ensure that all custom components are fully operable using standard keyboard navigation.
  • Add and test visible focus indicators on all interactive elements.
  • Document the improvements and add accessibility test cases for future regression.

Expected Outcome:

  • Users can efficiently navigate and interact with the home page and individual listing page using only a keyboard.
  • Accessibility compliance is improved, benefiting all users and aligning with best practices.

JayeshVP24 avatar Sep 30 '25 11:09 JayeshVP24

please assign me .. @JayeshVP24

adilkadivala avatar Sep 30 '25 12:09 adilkadivala

closing this issue, the bounty attached is no longer available

JayeshVP24 avatar Dec 02 '25 11:12 JayeshVP24