Background
In T337959: Accessibility audit: check the contrast ratio in our Codex components we detected that when there is a Red link within a message or within gray content box, the color-link-red used for default red link is less than the 4.5:1 contrast required for text elements.
In T337444 we decided to update color-Red600 from #d33 to #d73333. This will affect any decision token using color-Red600, so color-link-red will be also updated to #d73333. This means that Red link will be contrasted enough on #fff and #f8f9fa backgrounds, but it won't be contrasted enough on any of the message component's background or gray #eaecf0 content boxes (being less than 4.5:1 contrast in these cases).
We need to find an alternative solution for red links when placed on non-white backgrounds.
Design spec
Once a component spec sheet has been created in Figma, remove the note stating that the spec is missing and link to the spec below.
Component spec sheet |
Open questions
- Do we want to update the color used for visited red links (#A55858) to make it enough contrasted?
Acceptance criteria (or Done)
Design
- Design the Figma spec sheet and add it in this task
- Update the component in the Figma library. This step will be done by a DST member.
Code
- Implement the component in Codex