1. All checks
  2. Rendered text contrast

Rendered text contrast

Catch text colours that fade into their backgrounds.

medium

Accessibility
10tests fired in this category
modules
2dedicated accessibility checks
every scan
299+tests across all categories

Why it matters

If someone has to squint, the interface is asking too much before the content even starts.

How it works

FixWeb loads axe-core once per crawl and runs its colour-contrast rule on the homepage and distinct templates, with a six-second page budget and a 40-violation cap. Nodes whose background cannot be resolved remain incomplete rather than receiving an invented ratio.

Site impact

Low contrast makes copy, labels, and controls harder to read, especially in bright light or for people with low vision. The result covers the rendered states and pages that the crawl could assess.

How FixWeb tests for it

The scanner records selector, sample text, foreground and background colours, measured ratio, required ratio, font size, weight, incomplete count, and one passing example when axe-core supplies them.

How to improve

Choose text and background pairs that meet the applicable WCAG ratio, then recheck hover, focus, disabled, gradient, image, and dark-theme states. Treat unresolved dynamic backgrounds as a follow-up, not as a pass.

Run it on your own site

Keep improving while FixWeb keeps watch.

FixWeb crawls public pages like a real browser, then organizes crawl, search, content, accessibility, performance, media, form, runtime, browser-compatibility, owner-data, and repo findings into practical improvement prompts for Cursor, Claude, and Copilot.

  • $9 once, no subscription
  • Just paste a URL — we crawl, analyze, and report
  • Severity-graded quality issues, deduped to signal only
  • Current, AI-ready improvement prompts you can paste into Cursor, Claude, Copilot
Check my site →latest modules · practical fixes · better websites

Rendered text contrast — Quality Spotlight · FixWeb