Foreground: #ffffff
Background: #ff9412
Ratio: 2.21: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:
Foreground:
#ffffff
Background:#ff9412
Ratio: 2.21: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