Contrast between text and links in text environment #a11y #1000

New issue

Open

opened 2023-08-29 13:01:08 -04:00 by luce-carevic · 0 comments

luce-carevic commented

2023-08-29 13:01:08 -04:00

(Migrated from github.com)

The contrast ratio between the surrounding text (white) and the link (orange) does not reach 3.

Solutions:

Find a color that will reach a contrast of at least 3 between the surrounding text and the link.
Best and simpler solution: underline the links in text environnement.

See:

<img width="611" alt="screenshot of nitter interface" src="https://github.com/zedeus/nitter/assets/6073336/4baf9faf-e369-4ac1-96ea-c8d6de5634d5"> The contrast ratio between the surrounding text (white) and the link (orange) does not reach 3. Solutions: - Find a color that will reach a contrast of at least 3 between the surrounding text and the link. - Best and simpler solution: underline the links in text environnement. See: - https://www.w3.org/WAI/WCAG21/Techniques/general/G183 - https://adrianroselli.com/2016/06/on-link-underlines.html

This discussion has been locked. Commenting is limited to contributors.