[Feature] Improve link-text color contrast to ensure accessibility.
Problem
Low-contrast link text makes it is difficult for many users to distinguish between links and normal text.
Description
Links must have sufficient contrast against the background to be readable by users with low vision. Ensuring optimal readability helps prevent missed interactions and supports better user engagement, specially on small screens and bright lighting conditions.
Screenshots
Additional context
- creativecommons/vocabulary: A cohesive system of design for Creative Commons
- https://www.w3.org/TR/WCAG21/#contrast-enhanced
Implementation
- [x] I would be interested in implementing this feature.
I'm not good with color. Maybe the following is helpful:
The contrast of the link color and the background has a contrast of Lc 74.6 (APCA Contrast Calculator). This is deemed by APCA to be good enough for auxiliary text, but not for body, column, or block text (where a minimum contrast of Lc 90 is required).
https://github.com/creativecommons/ccos-website-source/labels/%F0%9F%9A%A7%20status%3A%20blocked pending color decisions in Vocabulary
@TimidRobot Thank you for your input and for sharing the APCA results! For the update regarding pending color decisions in vocabulary , I'll monitor the progress and am happy to make any necessary changes once the color decisions are finalized.
Hi @TimidRobot ! I’ll keep an eye on the color choices in Vocabulary and will happily make the changes as soon as we have the final palette. In the meantime, if there are any specific resources or guidance we need to follow to match the chosen contrast standards, just let me know!
@TimidRobot Sir i am working on this issue and i am sure i can make it well.
Resolved by:
- #941