Darker cells mean a higher score for this topic on that metric.
LessMore
Last reviewed Sources & creditsMedia creditsMethodology
Quick answers
When should I pick WCAG contrast check?
When the story is: UI type, slide titles, poster captions, badge labels.
When should I avoid WCAG contrast check?
Skip it in cases like: judging brand hue alone without measuring the pair.
Who invented or popularised it?
WCAG contrast ratios; APCA research (Myndex) as a next-gen model
What does it encode?
luminance difference between foreground and background
Is it OK in ads?
Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.
Will a teacher accept it?
Yes for lab reports and poster boards if axes, units and a source line are present.
WCAG contrast check encodes values as luminance difference between foreground and background. WCAG contrast ratios; APCA research (Myndex) as a next-gen model.
In reports, ads and assignments it fits UI type, slide titles, poster captions, badge labels. Skip it when judging brand hue alone without measuring the pair.
Make shapes, diagrams and charts in the browser. Download SVG or PNG — nothing is uploaded.
Work
- Work 1 — PowerPoint weekly: WCAG contrast check for UI type, slide titles, poster captions, badge labels.
- Work 2 — One WCAG contrast check on a quarterly bridge or KPI tile — not four.
- Work 3 — Build in Excel or Google Sheets, export SVG/PDF rather than a screenshot.
Ads
- Ads 1 — Meta, Google and retail print: one number, one shape, one arrow.
- Ads 2 — Keep callouts inside safe zones. No type in cropped corners.
- Ads 3 — If WCAG contrast check will not fit a banner, keep the number and show the chart on the landing page.
School
- School 1 — lab reports and poster boards: does WCAG contrast check answer the rubric?
- School 2 — Axis names, units, a source line. Markers read them.
- School 3 — Start with a mind map if you must; submit a figure that reads like WCAG contrast check.
Steps
- Steps 1 — Write the claim in one sentence.
- Steps 2 — Check that WCAG contrast check fits the claim. If not, switch.judging brand hue alone without measuring the pair
- Steps 3 — Draw it flat in Excel or Google Sheets or PowerPoint.
- Steps 4 — Direct labels, faint grid, claim-title.
- Steps 5 — Check greyscale and a color-blind simulator.
- Steps 6 — Add source, period, units; export SVG/PDF.
WCAG contrast check: honour luminance difference between foreground and background, and switch when judging brand hue alone without measuring the pair.