earn
earn copied to clipboard
Improve keyboard accessibility on home and listing pages
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.
please assign me .. @JayeshVP24
closing this issue, the bounty attached is no longer available