creativecommons / creativecommons/cc-resource-archive
[Feature] Explore accessibility for category filters
- Dominant language
- Dockerfile
- Stars
- 66
- Forks
- 137
- PR merge metrics
- No merged PRs in 30d
Description
## Problem
The current UX for category filters is not the most accessible for a couple reasons:
1) When selected, the category title gets truncated to an abbreviation.
2) To unselect a filter, the user must specifically click on a small "x" next to the category title (the category itself is not clickable).
3) Selecting a filter hides the other options, making elements unnecessarily jump around the page.
Also see "Additional context" section for other, related issues about the category filters functionality.
Current UX:
https://github.com/creativecommons/cc-resource-archive/assets/52360534/618c3850-340a-4ef0-823b-72281889290d
## Description
I'm open to different ideas, but I think the best solution would be to use a more common category filter UX.
1) Keep all the filter options visible, regardless of selection status.
2) Use visual contrast to indicate which filters are selected.
3) Make the entire filter be clickable, instead of a small target area.
4) OPTIONAL: use more explicit language, like "remove filter" or "clear filters".
Example that I think works well from Thingtesting:
## Alternatives
Open to suggestions!
## Additional context
Related to Issue #81 and PR #180.
## Implementation
- [x] I would be interested in implementing this feature.
Contributor guide
Assessment
This issue has not been assessed yet.