disabled interactive widgets should indicate disabled state with cursor change
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 140
- Forks
- 100
- Avg merge
- 1h 3m
- Merged PRs (30d)
- 30
Description
Feedback summary
Disabled interactive things in Paragon generally have a lower-contrast appearance and don't take focus, which are OK signifiers but not super obvious in some scenarios (or with some moderate visual impairment, or low-quality LCD displays).
Improvements
There is a standard mouse pointer type
cursor: not-allowed;
that we're currently not using. I suggest we add this cursor type to any control in disabled state.
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No files, tests, or entry points are named. Start by locating Paragon's disabled interactive controls and review the linked MDN cursor guidance. Done means controls in the disabled state use the not-allowed cursor consistently.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, react
- Domain
- accessibility, design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100