search

creativecommons / creativecommons.github.io-source

Source files for CC Open Source website
https://opensource.creativecommons.org/
MIT License
79 stars 173 forks source link

[Feature] Improve link-text color contrast to ensure accessibility. #835

Open SumaiyaaRq opened 1 month ago

SumaiyaaRq commented 1 month ago

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

Screenshot 2024-10-23 at 8 16 32 PM

Additional context

Implementation

TimidRobot commented 1 month ago

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/creativecommons.github.io-source/labels/%F0%9F%9A%A7%20status%3A%20blocked pending color decisions in Vocabulary

SumaiyaaRq commented 1 month ago

@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.