Neural Sync Active
Accessible Visualization Design
Registry Synced
Accessible Visualization Design
114 words
1 min read
Reading compass
Now · Color Blindness
Accessible Visualization Design
Color Blindness
~8% of males have some form of color vision deficiency.
| Type | Prevalence | Colors Confused |
|---|---|---|
| Deuteranopia (green) | 6% males | Red-green |
| Protanopia (red) | 2% males | Red-green |
| Tritanopia (blue-yellow) | Rare | Blue-yellow |
Best practices:
- Use colorblind-safe palettes (Viridis, Cividis, ColorBrewer)
- Never rely solely on color — use shapes, patterns, labels
- Test with colorblind simulators
Text and Labels
- Minimum 12pt font for body text
- High contrast (dark on light or vice versa)
- Descriptive alt text for every chart
- Clear labels on all axes and legends
Screen Readers
- Provide data tables alongside charts
- Use semantic HTML for web visualizations
- Include ARIA labels describing the key insight Join Discord PreviousColor TheoryNextMatplotlib Deep Dive