Is your website easy to read and see?

Check your content's reading level and find contrast failures — with visual before/after fixes you can copy straight into your CSS.

📖 Flesch readability

🔡 Grade level

🎨 WCAG 2.x contrast

✏️ Copy-paste CSS fixes

🌡 Sentence heatmap

🌡

Sentence heatmap

Colour-coded by complexity — easy, medium, hard

📊

Flesch score

Industry-standard readability formula with grade level

🎨

Contrast failures

Lighthouse-powered — finds exact elements failing WCAG AA

✏️

Visual fixes

Before / after preview with a copy-paste CSS colour fix

Quick tool

Contrast checker

Enter any two colours — hex or RGB — to instantly check if they pass WCAG accessibility standards.

Text colour

Background colour

The quick brown fox jumps over the lazy dog. Normal text (16px).

Large text (18pt bold)

—

Contrast ratio

Analysing …

📄 Fetching page content

📖 Calculating readability — words, sentences, syllables

🎨 Running Lighthouse accessibility audit

🔍 Extracting contrast failures and colour palette

✅ Building your report…

Readability and contrast issues are quick wins — but they're easy to miss when you're close to the content. We fix them as part of every build.