Skip to content

Improve Focus Management and Screen Reader Support in Wayfinder #230

Open
@Chanchal-D

Description

@Chanchal-D

Description:

Currently, Wayfinder has some accessibility gaps related to keyboard navigation and screen reader support:

1️⃣ Focus Management Issues:
-When navigating using the keyboard, focus is not always retained in key sections (e.g., stop details, search results).
-Focus is lost when closing modals, instead of returning to the previously focused element.

2️⃣ Screen Reader Support:
-Dynamic content changes (e.g., selecting a new route) are not announced properly.
-Some UI elements lack appropriate ARIA attributes, making it difficult for screen reader users to navigate efficiently.

Suggested Fix:

✅ Implement focus trapping inside modals and ensure focus returns correctly when closed.
✅ Use ARIA Live Regions to announce dynamic changes (e.g., when new search results appear or a route is selected).
✅ Improve keyboard accessibility by ensuring all interactive elements are reachable via the Tab key.

Why is this important?

📌 Improves accessibility for users relying on assistive technologies.
📌 Aligns with the Wayfinder GSoC proposal on accessibility improvements.
📌 Enhances usability for all users, not just those with disabilities.

Would love feedback on the approach! 🚀

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions