Star color accessibility for color-vision impaired users
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 706
- Forks
- 117
- Avg merge
- 8h 50m
- Merged PRs (30d)
- 18
Description
Hello all, my color vision is impaired ("strong protan" or "red-green-blindness") and am unable to distinguish the starred and non-starred tasks. It would be good to switch to an accessible color pair for selected and non-selected states (with a clear brightness difference), or work with a star that is just an outline when not selected and filled when selected.
I cannot make out the differences here:
(BTW using a color picker I just realized there is even a third star color present in this screenshot, impossible to distinguish for me.)
The yellow star clearly stands out for me here:
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
Start by locating the task star UI and reproducing the selected, non-selected, and third-color states shown in the screenshots. Update the states so users with red-green color-vision impairment can distinguish them through brightness or outline/fill differences, then verify the visual result against the reported examples.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100