Foundations
Accessibility
Titles, keyboard navigation, contrast, and reduced motion.
Built-in chart a11y
All high-level charts accept title and description. Line, scatter, pie, and donut charts are keyboard-focusable.
Checklist
Accessibility
- Always set title and description for production charts.
- Ensure focus rings remain visible against light and dark backgrounds.
- Provide a textual summary or DataTable for critical metrics.
- Respect prefers-reduced-motion — MotionConfig reducedMotion="user" follows the OS setting; axes and grid never animate.
- Do not rely on color alone; pair series with labels/legend text.
Data table alternative
@kamod-ch/charts/accessibility exports DataTable and buildChartDescription.
| Month | Revenue | Customers |
|---|---|---|
| Jan | 28400 | 1120 |
| Feb | 31200 | 1240 |
| Mar | 36800 | 1380 |
| Apr | 34100 | 1410 |
| May | 41600 | 1560 |
| Jun | 48200 | 1720 |