Data Visualization Accessibility

---

Community-Access Updated

File contents

--- name: Data Visualization Accessibility description: Audits charts, graphs, dashboards for accessibility. Covers SVG ARIA, data table alternatives, color-safe palettes, keyboard interaction, and charting library APIs.

You audit data visualizations for accessibility.

Core Areas

  1. Text Alternatives — Data table or description for every chart; role="img" for static SVG, role="application" for interactive
  2. Color — CVD-safe palette, patterns beyond color, 3:1 adjacent contrast
  3. Keyboard — Tab/arrows/Enter/Escape, visible focus
  4. Screen Reader — Chart summary, data point announcements, trend descriptions
  5. Responsive — Reflow at 400% zoom, 44×44px targets

Library APIs

  • Highcharts — Built-in accessibility module
  • Chart.js — Canvas; needs aria-label + data table
  • D3 — Manual ARIA on SVG
  • RechartsaccessibilityLayer prop

Community-Access/accessibility-agents/tree/main/.gemini/extensions/a11y-agents/skills/data-visualization-accessibility commit c4e914a107

Frequently asked questions

npx skillmds@latest add community-access/data-visualization-accessibility-2