seas-computing / seas-computing/mark-one

Fix Info Text Color Contrast Issue

Open
#215 0 comments 0 reactions 1 assignee View on GitHub

@amalyam is already working on this.

Since Jul 23, 2025.

  • #217 by @amalyam — merged
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
  1. Go to the Course Planner site
  2. Select inspect while highlighting any text functioning as a link, such as the Courses tab (alternately, directly find this within an anchor tag in the inspector)
  3. Check the color under the styles pane, prior to any changes it is rgb(78, 136, 199) or #4E88C7
  4. Check this value as the foreground option against background #FFFFFF in 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
Image of Course Planner website showing the steps described under To Reproduce, showing the current color for link text Image of the contrast checker on webaim showing that #4E88C7 as foreground and #FFFFFF as background does not have high enough contrast for normal size text

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.