Why the audit is important
Low-contrast text is difficult or impossible for many users to read.
How to pass the audit
To find and fix each of element that does not have a sufficient contrast ratio:
Click the aXe tab.
Click Analyze. aXe generates a report highlighting any accessibility issues.
In the Results column, click on the field that says "Elements must have sufficient color contrast."
Click the Inspect button to locate the element in the DevTools. Click the next button to see more failing elements.
Adjust the foreground or background color of the failing elements so that they have a contrast ratio of at least 4.5 to 1, which is the minimum recommended ratio. See contrast ratio to calculate ratios.
How the audit is implemented
This section explains how this audit is implemented, so that you can understand how the audit's score is calculated.
This audit is powered by the aXe Accessibility Engine. See Text elements must have sufficient color contrast against the background for more information.