classtranscribe / classtranscribe/FrontEnd
Button color accessibility
- Dominant language
- JavaScript
- Stars
- 24
- Forks
- 29
- PR merge metrics
- No merged PRs in 30d
Description
Some buttons have insufficient text contrast. For some reason we have two different button implementations:
1. Enough contrast: Styled automatically via `src/layouts/CTButtons/styles.js`
2. Not enough contrast: Styled manually via `src/components/stylesheets/general.vars.css`
We could fix option 2 in isolation, but ideally we would just unify all buttons to use option 1.
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by comparing the button styling in src/layouts/CTButtons/styles.js with the manual rules in src/components/stylesheets/general.vars.css. Determine whether the two implementations can share the automatically generated styling without losing existing behavior. Done means all buttons meet text-contrast requirements and no separate manual button styling remains, as appropriate.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100