Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
1 task done
SumaiyaaRq opened this issue Oct 23, 2024 · 3 comments
Open
1 task done
Labels
🕹 aspect: interface Concerns end-users' experience with the software ✨ goal: improvement Improvement to an existing feature 🟩 priority: low Low priority and doesn't need to be rushed 🚧 status: blocked Blocked & therefore, not ready for work

Comments

@SumaiyaaRq
Copy link
Contributor

SumaiyaaRq commented Oct 23, 2024

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

  • I would be interested in implementing this feature.
@SumaiyaaRq SumaiyaaRq added ✨ goal: improvement Improvement to an existing feature 💻 aspect: code Concerns the software code in the repository 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work 🟩 priority: low Low priority and doesn't need to be rushed labels Oct 23, 2024
@cc-open-source-bot cc-open-source-bot moved this to Triage in TimidRobot Oct 23, 2024
@TimidRobot TimidRobot added 🚧 status: blocked Blocked & therefore, not ready for work 🕹 aspect: interface Concerns end-users' experience with the software and removed 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work 💻 aspect: code Concerns the software code in the repository labels Oct 24, 2024
@TimidRobot TimidRobot removed this from TimidRobot Oct 24, 2024
@TimidRobot TimidRobot moved this to Backlog in possumbilities Oct 24, 2024
@TimidRobot
Copy link
Member

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


🚧 status: blocked Blocked & therefore, not ready for work pending color decisions in Vocabulary

@SumaiyaaRq
Copy link
Contributor Author

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

@Prince-Tagadiya
Copy link
Contributor

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🕹 aspect: interface Concerns end-users' experience with the software ✨ goal: improvement Improvement to an existing feature 🟩 priority: low Low priority and doesn't need to be rushed 🚧 status: blocked Blocked & therefore, not ready for work
Projects
Status: Backlog
Development

No branches or pull requests

3 participants