seas-computing / seas-computing/mark-one
Fix Info Text Color Contrast Issue
Open
a11y
documentation
enhancement
Frontend
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
Description
Our info text color does not have sufficient color contrast to meet WCAG AA standards when used for normal sized text on a white background (i.e. background.light), which is our typical use-case for this color. We want to make this color dark enough to meet WCAG AA standards for sufficient color contrast on a white background.
To Reproduce
- Go to the Course Planner site
- Select inspect while highlighting any text functioning as a link, such as the
Coursestab (alternately, directly find this within an anchor tag in the inspector) - Check the color under the styles pane, prior to any changes it is
rgb(78, 136, 199)or#4E88C7 - Check this value as the foreground option against background
#FFFFFFin a color contrast checker such as WebAim - it fails at normal text size.
Expected Behavior
The color for this text needs to pass WCAG AA standards for color contrast against a white background.
Screenshots
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.
Assessment
This issue has not been assessed yet.