Increase focus ring contrast in Grid cell focus example
Open
Beginner friendly
Nobody has claimed this yet.
a11y
design system
- Dominant language
- AsciiDoc
- Stars
- 38
- Forks
- 225
- Avg merge
- 1d 4h
- Merged PRs (30d)
- 170
Description
The Grid cell focus example uses a focus ring color with insufficient contrast. Change the color to conform to the 3:1 minimum non-text contrast in WCAG.
Contributor guide
No contributing guide indexed for this repository
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 with the Grid cell focus example linked in the issue and locate its focus-ring styling. Change only the ring color so it meets the WCAG 3:1 minimum non-text contrast, then verify the example's rendered focus state and contrast result.
Written by the indexing model from the issue text.
Assessment
- Domain
- accessibility, documentation
- Issue type
- Documentation
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 70/100