All UX laws

WCAG 1.4.3 Contrast

Normal text needs 4.5:1, large text 3:1. Aim for AAA (7:1) on body when feasible.

How to apply it

Use a contrast checker on every text/background combo before shipping.

Practise it on a real challenge

Product Card — the caption that vanishes in sunlight

A product card's caption is a tasteful light grey on white — crisp in Figma, gone the instant it's read outdoors or by low-vision eyes. It just failed an accessibility audit.

More UX laws

  • 60-30-10 Rule
  • 8-pt Spacing Scale
  • Accessible contrast
  • Aesthetic-Usability Effect
  • Alignment Principle
  • Calibrated Trust
UX QuestUX LawsPricingAboutContactPopular UX laws:Hick's LawFitts's LawDoherty ThresholdMiller's LawLaw of ProximityAesthetic-Usability EffectVisual hierarchyAccessible contrastAll UX laws