data-visualization-accessibility

Solid

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

Data & Documents 306 stars 32 forks Updated 3 days ago MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%

Recency 20%

100

Frontmatter 20%

Documentation 15%

Issue Health 10%

License 10%

100

Description 5%

100

Skill Content

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

Details

Author: Community-Access
Repository: Community-Access/accessibility-agents
Created: 3 months ago
Last Updated: 3 days ago
Language: JavaScript
License: MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

chartjs-accessibility

This skill should be used when the user asks "Chart.js accessibility", "accessible charts", "WCAG Chart.js", "Chart.js ARIA labels", "Chart.js screen reader", "colorblind-safe charts", "Chart.js keyboard navigation", "Chart.js reduced motion", "prefers-reduced-motion Chart.js", "Chart.js alt text", "Chart.js color contrast", "accessible data visualization", "Chart.js focus management", "Chart.js fallback content", "aria-label canvas", or needs help making Chart.js visualizations accessible and WCAG-compliant in v4.5.1.

0 Updated today

Riltonbn

AI & Automation Solid

email-accessibility

Audits HTML email templates for accessibility. Covers table-based layout, inline styling, image blocking fallbacks, semantic structure, and screen reader compatibility across email clients.

306 Updated 3 days ago

Community-Access

AI & Automation Solid

datavis

Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. Use when (1) building interactive data visualizations, (2) designing color palettes for charts, (3) choosing scales and visual encodings, (4) creating data pipelines from Census/SEC/Wikipedia APIs, (5) crafting narrative-driven data stories, (6) making perceptually accurate charts, or (7) implementing force-directed networks, timelines, or geographic maps.

2,279 Updated 3 weeks ago

foryourhealth111-pixel