![contrast ratio checker contrast ratio checker](https://blogs.missouristate.edu/accessibility/files/2017/12/accessibility-series-color-contrast-700x420.png)
You will get a detailed report of any failing elements. One of the checks in the Fastpass report, is color contrast.
#Contrast ratio checker install
You can also use the accessible color suggestion to fix the low contrast text.įor a more complete report, install the Accessibility Insights Extension.
![contrast ratio checker contrast ratio checker](https://cdn.ilovefreesoftware.com/wp-content/uploads/2016/08/snook.png)
Open DevTools, click Audits, and select Accessibility to run the report.Ĭhrome also includes an experimental feature to help you detect all the low contrast texts of your page. You can use the Accessibility Audit in Lighthouse to check your color contrast. For users with low vision impairments or color deficiencies, we can increase the contrast up to 7:1 for body text. 20/40 is commonly reported as typical visual acuity of people at about age 80. The contrast ratio of 4.5:1 was chosen for level AA because it compensates for the loss in contrast sensitivity usually experienced by users with vision loss equivalent to approximately 20/40 vision. Notice the difference in the contrast ratios shown below. An exception is made for very large text (120-150% larger than the default body text), for which the ratio can go down to 3:1. The WebAIM guidelines recommend an AA (minimum) contrast ratio of 4.5:1 for all text. When the colors are similar, the contrast ratio is low when they are different, the contrast ratio is high. This usually comes down to color contrast, the relationship between the foreground and background colors' luminance.
![contrast ratio checker contrast ratio checker](https://allerlay.com/wp-content/uploads/2020/05/01-Contrast-Checker-webAIM-1200x1126.png)
If you have good vision, it's easy to assume that everyone perceives colors, or text legibility, the same way you do-but of course that's not the case.Īs you might imagine, some color combinations that are easy for some people to read are difficult or impossible for others.