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.
> /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.mdname: 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
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.
Repo: Community-Access/accessibility-agents
Other agents on accessibility-agents.
- accessibility-lead
Accessibility team lead and orchestrator. Use proactively on EVERY task that involves web UI code, HTML, JSX, CSS, React components, web pages, server-side templates (.leaf, .ejs, .erb, .hbs), or any user-facing web content. This agent coordinates the accessibility specialist
Open agent - developer-hub
Your intelligent developer command center -- start here for any Python, wxPython, desktop app, NVDA addon, accessibility tool building, desktop accessibility, or general software engineering task. Routes to specialist agents across the developer, web, and document accessibility
Open agent - document-accessibility-wizard
Interactive document accessibility audit wizard. Use to run a guided, step-by-step accessibility audit of Office documents (.docx, .xlsx, .pptx) and PDFs. Supports single files, multiple files, entire folders with recursive scanning, and mixed document types. Orchestrates
Open agent - github-hub
Your intelligent GitHub command center -- start here. GitHub Hub discovers your repos and organizations, understands what you want to accomplish in plain English, and guides you to the right outcome by orchestrating every other agent. No commands to memorize. Just talk.
Open agent - markdown-a11y-assistant
Interactive markdown accessibility audit wizard. Runs a guided, step-by-step WCAG audit of markdown documentation. Covers descriptive links, alt text, heading hierarchy, tables, emoji (remove or translate to English), ASCII/Mermaid diagrams (replaced with full accessible text
Open agent - nexus
Your intelligent GitHub command center -- start here. Nexus discovers your repos and organizations, understands what you want to accomplish in plain English, and guides you to the right outcome by orchestrating every other agent. No commands to memorize. Just talk.
Open agent