Links need more than just a color change to distinguish them.
If your solution is `font-weight: 500`, don’t be surprised when you get dinged for 1.4.1 Use of Color.
`500` often renders no differently than the default (`400`). It’s adversarial conformance.
Use an underline.
Really, use an underline:
https://adrianroselli.com/2016/06/on-link-underlines.html
Underlines are objectively beautiful:
https://adrianroselli.com/2019/01/underlines-are-beautiful.html
TL;DR: In general, I recommend underlining links in body content. In the absence of a better style appropriate for a specific site, this is the way to go. Overview It is amazing to me how this suggestion causes so much angst and fighting. Designers often argue that they look ugly,…
Not sure IIRC but 3:1 against surrounding text + 4.5:1 against background cannot be achieved right ? So cannot be color only.
I would add : please also use a decent font size. It's part of contrast. Even in your footers, legends or comment sections : i'm interested in being able to read links in here too!
@villapirorum It can be achieved, yes. It’s the 4.5:1 with three colors that cannot.
But 1.4.1 and G183 redefined color a few years ago to allow a change of *both* hue and lightness to count as two methods that are not both color.
https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html#:~:text=Note,-If
So 1.4.1 really only cares about 3:1 contrast.
Adrian Roselli, pH0
D.Hamlin.Music
Antoine