Free SKILL.md scraped from GitHub. Clone the repo or copy the file directly into your Claude Code skills directory.
npx versuz@latest install community-access-accessibility-agents-gemini-extensions-a11y-agents-skills-data-visualization-accessibgit clone https://github.com/Community-Access/accessibility-agents.gitcp accessibility-agents/SKILL.MD ~/.claude/skills/community-access-accessibility-agents-gemini-extensions-a11y-agents-skills-data-visualization-accessib/SKILL.md--- 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. --- <!-- CANONICAL SOURCE: .github/skills/data-visualization-accessibility/SKILL.md -- Edit the canonical source; sync to Gemini via scripts/check-gemini-sync.ps1 --> 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 - **Recharts** — `accessibilityLayer` prop