fizzgig__legibility_review
WCAG contrast + font-size + line-height. resolves your design tokens, composites translucent backgrounds, computes the real ratio.
the AI picks a lovely light-grey on white. it looks designed. it fails WCAG 1.4.3 by miles. the body font is 12px because that's what's in your tailwind preset for 'small'. half your audience can't comfortably read it.
the visual-readability companion to a11y-audit — a11y-audit checks structure; legibility-review checks perception. Builds a --custom-property map from your CSS, then for every co-located colour + background pair resolves var() references, composites translucent backgrounds over the page default, computes the real WCAG 1.4.3 contrast ratio. 5 checks: contrast-fail-aa (below 4.5:1), contrast-fail-large (clears 3:1 but not 4.5:1), font-too-small (sub-12px), tiny-size-proliferation (4+ distinct sub-14px sizes), line-height-tight (unitless < 1.4). Each finding weighs decorative-vs-informational so the AI knows what's exempt.
the text is actually readable. sticky — re-run after any palette or type-scale change.
caught a policy that would have leaked every user's comments. shipped a fix in 4 minutes.
first tool i installed. it's the one that pays for itself.
works great. one false positive on a join table — easy to ignore.
{
"fizzgig": {
"url": "https://mcp.fizzgig.ai",
"tools": ["legibility_review"]
}
}