Contrast is one of the most discussed and most misunderstood aspects of WCAG Contrast Ratios: The Complete Practical Guide">web accessibility. Misconceptions lead to both under-accessible designs (not enough contrast) and over-corrected designs (harsh, uncomfortable contrast). Here are the five most persistent myths.
Myth 1: "Darker Is Always Better"
Maximum contrast (21:1, pure black on pure white) is not the goal. It actually causes eye strain during extended reading because of the halation effect (bright white glowing around dark text). Optimal reading contrast is in the 10:1 to 15:1 range: dark charcoal on off-white.
Myth 2: "Two Different Colors Always Have Good Contrast"
A red and a green can have virtually zero contrast if they share the same lightness value. Contrast is about luminance difference, not hue difference. Two visually distinct colors can have terrible contrast ratios.
Myth 3: "Dark Mode Is Automatically Accessible"
Dark mode introduces new contrast challenges. Light text on dark backgrounds can appear thinner (font weight rendering), requiring slightly bolder or larger text. And many dark mode implementations use pure white text on near-black, which has the same halation problem as pure black on white.
Myth 4: "Passing AA Means My Design Is Accessible"
AA contrast (4.5:1) is the minimum, not the target. It assumes optimal viewing conditions: a calibrated screen, indoor lighting, and a user with normal vision. Real-world conditions (phone in sunlight, aging eyes, uncalibrated monitors) degrade contrast. Aim for 6:1 or higher to build in margin.
Myth 5: "Decorative Elements Do Not Need Contrast"
WCAG exempts purely decorative elements, but "decorative" is narrowly defined. If an icon conveys meaning, a border defines a region, or a background color indicates state, it is not decorative and needs 3:1 contrast. Most UI elements that designers consider decorative are actually functional.