Data Visualization Accessibility
- 132 installs
- 381 repo stars
- Updated August 4, 2026
- community-access/accessibility-agents
Make charts, dashboards, and data visuals accessible with readable semantics, keyboard paths, color-safe encoding, and screen-reader-friendly summaries.
About
Guides Claude to build accessible data visualizations: structuring charts for assistive tech, supporting keyboard navigation, choosing contrast-safe palettes, and writing meaningful summaries for dashboards and analytics UI in SaaS products.
- Semantic chart structure
- Keyboard and focus support
- Color-contrast-safe encoding
- Screen reader summaries
- Accessible tooltip patterns
Data Visualization Accessibility by the numbers
- 132 all-time installs (skills.sh)
- Ranked #985 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/community-access/accessibility-agents --skill data-visualization-accessibilityAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 132 |
|---|---|
| repo stars | ★ 381 |
| Last updated | August 4, 2026 |
| Repository | community-access/accessibility-agents ↗ |
What it does
Make charts, dashboards, and data visuals accessible with readable semantics, keyboard paths, color-safe encoding, and screen-reader-friendly summaries.
Files
<!-- 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
accessibilitymodule - Chart.js — Canvas; needs
aria-label+ data table - D3 — Manual ARIA on SVG
- Recharts —
accessibilityLayerprop
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k