Steps to replicate:
Bottom container links - Fail minimum contrast
Foreground: #00BEC1
Background: #F2FCFC
Ratio: 2.2:1 out of a required 4.5:1
Issue:
Very low contrast: Text elements must have sufficient contrast
Why it matters:
Adequate contrast of text is necessary for all users, especially users with low vision.
How to fix:
Increase the contrast between the foreground (text) colour and the background colour. Large text (larger than 18 point or 14 point bold) does not require as much contrast as smaller text.
Steps to replicate: Bottom container links - Fail minimum contrast Foreground:
#00BEC1
Background:#F2FCFC
Ratio: 2.2:1 out of a required 4.5:1Issue: Very low contrast: Text elements must have sufficient contrast
Why it matters: Adequate contrast of text is necessary for all users, especially users with low vision.
How to fix: Increase the contrast between the foreground (text) colour and the background colour. Large text (larger than 18 point or 14 point bold) does not require as much contrast as smaller text.
W3 reference: https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html