Accessible Chart Library

Accessibility is not an afterthought in Chart.ts. SVG rendering means screen readers can traverse chart elements natively. Keyboard navigation, ARIA attributes, pattern fills for color-blind users, and reduced motion support are all built in.

$npm install @chartts/core
example.tsx
// Every chart is accessible by default
<BarChart
  data={data}
  x="category"
  y="value"
  // ARIA attributes auto-generated from data
  // Keyboard: Tab to chart, Arrows to navigate
  // Screen readers: auto data summaries
  // Patterns: built-in for color-blind users
  patterns={true}
  aria={{
    label: "Q4 Revenue by Category",
    description: "Engineering leads at $93k, followed by Sales at $78k"
  }}
/>

// Reduced motion? Animations auto-disabled.
// High contrast mode? Colors auto-adjusted.
// Focus visible? Ring styles built in.

Features

WCAG 2.1 AA compliant out of the box
Keyboard navigation (Tab, Arrow, Enter, Escape)
Screen reader announcements with data summaries
Pattern fills for color-blind users
Respects prefers-reduced-motion
High contrast mode support
Focus visible indicators
Read the DocsSee DemosExamples