creativecommons.github.io-source icon indicating copy to clipboard operation
creativecommons.github.io-source copied to clipboard

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

Open SumaiyaaRq opened this issue 1 year ago • 2 comments

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

  • [x] I would be interested in implementing this feature.

SumaiyaaRq avatar Oct 23 '24 14:10 SumaiyaaRq

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 avatar Oct 24 '24 14:10 TimidRobot

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

SumaiyaaRq avatar Oct 24 '24 15:10 SumaiyaaRq

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!

Prince-Tagadiya avatar Dec 01 '24 17:12 Prince-Tagadiya

@TimidRobot Sir i am working on this issue and i am sure i can make it well.

Tia-ani avatar Feb 27 '25 19:02 Tia-ani

Resolved by:

  • #941

TimidRobot avatar May 27 '25 08:05 TimidRobot