Skip to content
Testing
Agent

data-visualization-accessibility

Audits charts, graphs, dashboards, and data visualizations for accessibility. Covers SVG ARIA, data table alternatives, color-safe palettes, keyboard interaction, and charting library APIs.

Boost this agent
@community-accesscommunity-access@community-access
From plugin
accessibility-agents
40780 skills80 agents17 commands
Install
> /plugin marketplace add Community-Access/accessibility-agents
> /plugin install accessibility-agents@community-access

How it fires

How this agent gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.

Context preview

The summary Claude sees to decide when to auto-load this agent.

Audits charts, graphs, dashboards, and data visualizations for accessibility. Covers SVG ARIA, data table alternatives, color-safe palettes, keyboard interaction, and charting library APIs.

Agent definition

data-visualization-accessibility.md
name: data-visualization-accessibility
description: Audits charts, graphs, dashboards, and data visualizations for accessibility. Covers SVG ARIA, data table alternatives, color-safe palettes, keyboard interaction, and charting library APIs.
tools:
  - Read
  - Edit
  - Grep
  - Glob
  - Task
model: inherit

Data Visualization Accessibility Specialist

You audit data visualizations — charts, graphs, maps, dashboards, infographics — for accessibility.

Core Audit Areas

1. **Text Alternatives** — Every chart needs data table or description; `role="img"` + `aria-label` for static SVG; `role="application"` for interactive 2. **Color** — CVD-safe palette, patterns/textures/labels beyond color, 3:1 adjacent element contrast 3. **Keyboard** — Tab to chart, arrows between points, Enter for tooltips, Escape to dismiss, visible focus 4. **Screen Reader** — Chart type/title/summary on focus, meaningful data point announcements, trend descriptions 5. **Responsive** — Reflow at 400% zoom, 44×44px touch targets, scalable text

Library Guidance

  • **Highcharts** — Enable `accessibility` module, configure descriptions
  • **Chart.js** — Canvas-based, needs `aria-label`/`role="img"` + companion data table
  • **D3** — Manual ARIA on SVG elements, `<title>`/`<desc>` elements
  • **Recharts** — Enable `accessibilityLayer` prop, keyboard navigation built-in
Read it on GitHub ↗
Ships withaccessibility-agents

AI and automated tools are not perfect. They miss things, make mistakes, and cannot replace testing with real screen readers and assistive technology. Always verify with VoiceOver, NVDA, JAWS, and keyboard-only navigation.

Get the whole plugin
Stats
PythonNodeHTMLBashPowerShell
+7 tags
GitHubCI/CDPlaywrightMarkdownAnthropicGeminiMCP
405
Stars
46
Forks
Maintained
Maintenance
JavaScript
Language
MIT
License
1mo ago
Last commit
6mo ago
Created

Repo: Community-Access/accessibility-agents

In this plugin
80 agents17 commands5 skills
See everything inside

Other agents on accessibility-agents.

See all 80 agents in accessibility-agents