Accessibility
11 issues tagged with this topic.
Contrast ratios beyond black and white: creative approaches to WCAG compliance
WCAG contrast requirements do not mandate black text on white backgrounds. There is a wide range of color combinations that pass AA and AAA thresholds while delivering a distinctive visual identity. This issue explores how to find them systematically.
Color accessibility beyond WCAG minimums: what the numbers miss
Why passing WCAG contrast ratios does not guarantee a readable palette, what the numbers cannot measure, and how to audit a color system for real-world accessibility beyond the 4.5:1 threshold.
Choosing accessible accent colors that still feel intentional
Why accessible accents fail when they are chosen by compliance alone, how Orchid Bloom proves that expressive hues can pass contrast, and where the starter pack helps teams ship faster.
Contrast, clarity, and building for accessibility from the start
A note on WCAG contrast ratios, the /contrast tool, and why dark mode palette decisions matter more when accessibility is in scope.
Why dark mode colors need more saturation than you think
The most common mistake in dark mode color systems is lifting light-mode colors onto dark backgrounds without adjustment. Colors that look rich and saturated on white appear washed out and gray on dark surfaces. The physics of simultaneous contrast explains why, and the fix is systematic rather than case-by-case.
Designing palettes that work for colorblind users — without sacrificing character
Roughly 8% of men and 0.5% of women have some form of color vision deficiency. Most palette guidelines respond by stripping color personality down to high-contrast gray-scale safe combinations. There is a better approach: designing with color role redundancy so that no piece of information relies on hue alone.
Yellow in UI: the most misused accent color, and how to use it correctly
Yellow is the most perceptually powerful color in the spectrum — at equal saturation, it appears brighter than any other hue to the human eye. That intensity makes it the most effective accent color for drawing attention, and the most likely to fail WCAG contrast tests when used carelessly.
Designing for color blindness: how to make palettes that work for everyone
About 8% of males have some form of color vision deficiency. For most design outputs — UI, data visualization, infographics — that is too large a portion of your audience to leave to chance. Accessible palettes are not a constraint on creativity. They are a higher-order design skill.
Color contrast for accessibility: what WCAG actually requires and why it matters
WCAG contrast ratios are often treated as a compliance checkbox. Understanding what the numbers actually measure — and where they fall short — makes you a better designer, not just a more compliant one.
Color in data visualization: why chart palettes need different rules
Data visualization is one of the most demanding color contexts in design — the palette must distinguish categories, encode quantity, and remain readable after conversion to print, grayscale, or color-blind simulations. Most design palettes fail this test.
Color accessibility beyond contrast ratios: the full picture
WCAG contrast ratios are the measurable, testable part of color accessibility. They are not the whole picture. A design can pass all contrast checks and still be inaccessible: links indistinguishable from body text without underlines, focus indicators lost in border-radius aesthetics, color as the sole indicator of form validation errors, status lights that rely entirely on red/green distinction. Accessibility in color is a design principle, not a checklist. This issue covers the five most common color accessibility failures that no automated tool catches.