a11y: Color contrast blue on white

[sirrah-tam]

Describe the issue

Link text does not meet minimum AA contrast ratio (4.5:1) for text that is 18px or less.
Foreground: #45bbcb
Background: #ffffff
Ratio: 2.28:1

To reproduce

Check color contrast using a color contrast analyzer tool
Ex. https://webaim.org/resources/contrastchecker/

Expected behavior

Text that is 18pt (24px) or less and not bold should have a contrast ratio of 4.5:1.
If text is larger than 18pt (24px) or is bold, minimum contrast ratio is 3:1.
Reference: https://www.w3.org/WAI/WCAG21/quickref/#contrast-minimum

Screenshots

Example of link color

Version and browser

Version: 6.0.0-beta.2
Browser and version: Chrome v79.0.3945.117

Bug report checklist

• I have filled out as much information as I can
• I have detailed how the issue can be reproduced
• I have searched for existing issues and to the best of my knowledge this is not a duplicate

[sirrah-tam]

The app that I use to test these things, ANDI, showed a recommended color of #0c8292, I probs should/could have mentioned that in the original issue.

I wasn't sure how best to approach recommendations that infringe on styles/color preference, so just wanted to point it out as an issue.

[sirrah-tam]

I lied, the color contrast ratio text size is 18pt which would be 24px, updating the issue accordingly.

[kaidesu]

[thekanbo]

Proposing #0064e2 for link color

[sirrah-tam]

That checks out, contrast ratio of 5.4:1 👍