L14 — Chapter 12 - UX & Accessibilité

Criterion L14 : WCAG AA Contrast — guide + checklist

PART 1 - Fundamentals Chapter 12 - UX & Accessibilité Keyword : contraste wcag aa

This criterion seems “simple,” but it creates many discrepancies in production.

The **L14 — WCAG AA Contrast** criterion is part of our SEO checklist (335 criteria). Here, you have a **practical** method to check and fix it — with a concrete example.

What exactly this criterion covers

This criterion seems “simple,” but it creates many discrepancies in production.

**L14 — WCAG AA Contrast** (Chapter 12 - UX & Accessibility): Minimum ratio 4.5:1 for normal text, 3:1 for large text

Why it matters (SEO + UX)

Why it matters: it is a technical quality factor (crawl, rendering, indexing). When poorly applied, we often observe: ambiguity (wrong associated query), duplication between pages, or loss of ranking performance.

On volume-generated sites, this criterion also serves as a **safeguard**: a stable rule prevents 1,000 errors at once.

How to check (step by step)

Approach: check during crawl (list + export). Recommended tool: **Lighthouse**.

  1. Open the page in Chrome → DevTools → Performance/Network tab.
  2. Run Lighthouse and note the main weak point.
  3. Check if the problem repeats on templates.

Tip: first isolate 10 “representative” URLs (top pages + generated pages) before scaling the fix.

How to fix properly

Strategy: apply a rule, then check neighboring pages.

  • Simplify the mobile journey (visible menu/CTA, no aggressive popups).
  • Fix instabilities (CLS) and interactivity (INP) if affected.
  • Test on 2–3 screen sizes and re-measure.

Then: re-crawl 50–200 URLs, then monitor Search Console for 7–14 days (impressions/CTR/indexing).

Concrete example (illustrative)

Example (illustrative):

  • **Context**: comparison page for dentist in Lille
  • **Before**: Confusing menu on mobile + hidden CTA + visible CLS.
  • **After**: Simplified navigation + visible CTA + visual stability.
  • **Note**: Goal: readability + engagement (which indirectly helps SEO).

Checklist to tick

  • [ ] Mobile first
  • [ ] Respects: 3:1 large text
  • [ ] CTA visible
  • [ ] No major friction
  • [ ] Visual stability OK
FAQ

Frequently asked questions — L14

What is the most common mistake on “WCAG AA Contrast”?

Trying to “optimize” by adding too many keywords, which degrades readability and creates repetitions.

Which tool is fastest for large-scale control?

For this type of criterion, a crawl (e.g. Screaming Frog) + targeted verification in Lighthouse is usually the fastest combo.

How to prevent this from recurring on 10K generated pages?

Freeze an auto-generation rule (title/structure/schema/URLs) + add automatic control (crawl or test) before production import.

Ready to go from theory to action?

Validate this criterion with an audit, then deepen the method in the Academy.

Audit with the tool → Learn in the Academy →