Accessible Charts

Chart.ts is WCAG 2.1 AA compliant out of the box. Because charts render as SVG, screen readers can traverse them, keyboard navigation works, and ARIA attributes are automatic. No separate accessible mode.

$npm install @chartts/core
example.tsx
// Accessibility is automatic, not opt-in
<BarChart
  data={data}
  x="category"
  y="value"
  aria={{
    label: "Q4 Sales by Category",
    description: "Widget A leads with $3,100"
  }}
/>

// Keyboard: Tab between points, Arrow to navigate
// Screen readers: auto-generated summaries
// Patterns: set patterns={true} for color-blind users
// Reduced motion: respects prefers-reduced-motion

Features

WCAG 2.1 AA compliant
Keyboard navigation (Tab, Arrow, Enter, Escape)
Screen reader announcements with data summaries
Pattern fills for color-blind users
Respects prefers-reduced-motion
ARIA attributes auto-generated
No separate accessible mode needed
Read the DocsSee DemosExamples