What is WCAG 1.4.3 Contrast (Minimum)?

Text must have at least 4.5:1 contrast against its background (3:1 for large text). It is a Level AA success criterion under WCAG 2.2.

Why does WCAG 1.4.3 matter on Next.js?

Level AA criteria appear in most ADA web-accessibility lawsuits. Failing this criterion on a Next.js site exposes you to demand letters and settlements typically in the $5k-$30k range.

How do I verify the fix?

Re-run a free WCAG 2.2 AA scan on a11yping.com/scan. The issue should clear and your lawsuit-risk score should drop.

Fix guides·Next.js·WCAG 2.2 Level AA

Fix WCAG 1.4.3 Contrast (Minimum) on Next.js

Text must have at least 4.5:1 contrast against its background (3:1 for large text).

How to fix it

01
Locate the React component rendering the affected element.
02
Apply the WCAG 1.4.3 fix: Run WebAIM contrast checker on your palette. Avoid gray-on-white below #767676.
03
Add an automated test with @axe-core/react in dev to catch regressions.

Why it matters

WCAG 1.4.3 is a Level AA success criterion. Level A failures appear in most ADA web-accessibility lawsuits — over 5,000 were filed in 2025. Typical settlements run $5,000–$30,000 plus remediation cost.

Verify the fix

Run a free scan after deploying. Issue should clear and your risk score should drop.

Run free scan

Same fix on other platforms: Shopify · WordPress · Webflow · Squarespace