classtranscribe / classtranscribe/FrontEnd

Button color accessibility

Open
#757 1 comment 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.