Pick a text colour and a background colour to see the contrast ratio and whether it passes WCAG AA and AAA for normal text, large text and interface parts. Accessible contrast helps everyone read your site, and search engines and regulators care about it too.
Large text sample
Normal body text sample for reading comfort.
WCAG AA asks for at least 4.5:1 for normal text and 3:1 for large text and interface components. AAA asks for 7:1 for normal text and 4.5:1 for large text.
Text of at least 24 CSS pixels, or 18.66 pixels if bold, counts as large in WCAG.
Low contrast makes text hard to read for people with low vision, in sunlight or on cheap screens. It is also one of the most common accessibility failures on websites.
Accessibility is not a direct ranking factor, but readable pages keep visitors engaged and tools such as Lighthouse flag contrast failures in their accessibility score.
Darken the text or lighten the background until the ratio passes. Small changes usually fix it without hurting the design.
Take the first step towards digital success with VeltrexLabs by your side. Our team of experts is eager to craft tailored solutions that drive growth for your business. Whether you need a stunning website, a powerful mobile app, or a data-driven marketing campaign, we've got you covered. Let's embark on this transformative journey together.
