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

Fix the contrast of links and ensure we underline those links #2319

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

MTRNord
Copy link
Collaborator

@MTRNord MTRNord commented Apr 27, 2024

This fixes some errors from my testing branch. I thought it might be a good idea to get these on a dedicated branch.

Explicitly it fixes https://dequeuniversity.com/rules/axe/4.9/color-contrast and Ensure links are distinguished from surrounding text in a way that does not rely on color which is part of WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Trusted Tester and EN 301 549

Before and after images

image
image

This gives us at least a 5.40:1 contrast ratio on all backgrounds. Which is enough for the AA requirements.

@MTRNord MTRNord added enhancement This would be an improvement to the website. aesthetic Visual inconsistencies or improvements labels Apr 27, 2024
@MTRNord MTRNord requested a review from thibaultamartin April 27, 2024 12:52
Copy link

cloudflare-workers-and-pages bot commented Apr 27, 2024

Deploying matrix-website with  Cloudflare Pages  Cloudflare Pages

Latest commit: f38166d
Status: ✅  Deploy successful!
Preview URL: https://62c4058b.matrix-website.pages.dev
Branch Preview URL: https://mtrnord-fix-link-contrast.matrix-website.pages.dev

View logs

@MTRNord MTRNord force-pushed the MTRNord/fix-link-contrast branch from 512cf01 to 30d1c01 Compare April 27, 2024 13:01
@MTRNord MTRNord mentioned this pull request Apr 27, 2024
1 task
@thibaultamartin
Copy link
Contributor

This seems to have a negative side effect on e.g. CTAs

image

@MTRNord
Copy link
Collaborator Author

MTRNord commented May 7, 2024

Hm I thought it would be ok like that but I can remove the underline for buttons easily :)

@MTRNord
Copy link
Collaborator Author

MTRNord commented May 9, 2024

@thibaultamartin fixed your concern :)

Copy link
Collaborator Author

@MTRNord MTRNord left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

TODOs

  • Ecosystem cards now are fully underlined which is a bug

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
aesthetic Visual inconsistencies or improvements enhancement This would be an improvement to the website.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants