CodeForPhilly / clean-and-green-philly

Dashboard to target Philly vacant properties for anti-gun violence interventions
https://www.cleanandgreenphilly.org/
MIT License
32 stars 60 forks source link

Improve Filter button accessibility through more fitting ARIA attribute & focus management #625

Open marvieqa opened 5 months ago

marvieqa commented 5 months ago

Description

Using a screen reader, when Filter button is activated, it says "Current". This doesn't appear to fit the Filter button's behavior.

When the filter button is selected, we display the filter options. It is acting like a disclosure. In this case, the filter should have an expanded and collapsed state. When it is expanded, the next element where the screen reader focus should fall on is the heading "Suggested Priority", and so on.

Screenshot Screenshot 2024-05-05 at 16 55 14

Acceptance Criteria

github-actions[bot] commented 1 week ago

This issue has been marked as stale because it has been open for 30 days with no activity.