Miatz playground

Looks Fine Isn't a Ratio

Guess pass or fail before the ratio math proves you wrong.

Browser (JS)Designdes
The Demystify signature

the literal contrast-ratio formula computes on screen the instant you commit your guess — accessibility stops being a plugin you trust and becomes arithmetic you can catch a plugin getting borderline-wrong on

How it works

What goes in, what comes out

What it does

Timed rounds show a UI element pair — text-on-background color or a tap target — and the learner calls pass or fail against WCAG AA before any tool weighs in. The actual contrast-ratio or target-size math computes live the instant they commit.

You bring

call pass or fail on each round within a time limit; write the reason for one flagged item

You get

a score against the real math plus a running confidence-versus-accuracy chart showing whether the learner over-trusts their eyes on contrast specifically

You control

round count (10/20); WCAG level (AA/AAA); category mix of color contrast, target size, and alt-text presence

Where it's used

free accessibility glossary page, high GEO/SEO intent + Module 'Prompting the Interface' L1 warm-up

WCAG contrast ratiotap target sizealt textperceived vs measured accessibility
Optional · watch & try

Go deeper, elsewhere

Hand-picked public explainers and open tools that complement this one — always optional, never required, never graded.

Concepts click when you open the machinery.

Three labs are already live and free — the same hands-on style this playground brings to its module.