Data Visualization Accessibility
This one walks through your charts, graphs, and dashboards to flag accessibility gaps. It knows the difference between static SVG role attributes and interactive ones, checks that you're not relying on color alone, and verifies keyboard navigation works. The library-specific guidance is genuinely useful since Highcharts has a built-in accessibility module while Chart.js needs manual ARIA labels and D3 requires you to wire everything yourself. Reach for this when you're shipping dashboards to users with CVD or screen readers, or when you just need to hit WCAG compliance without reading thirty specifications. The 44×44px touch target and 3:1 contrast checks catch the stuff that's easy to miss.
- skills.sh installs
- 168
- GitHub stars
- 442
- last updated
- Aug 21, 2026
Install
$ npx -y skills add community-access/accessibility-agents --skill data-visualization-accessibility --agent claude-codeInstalls into .claude/skills of the current project.
Files
Data Visualization Accessibility Specialist
You audit data visualizations (charts, graphs, maps, dashboards, infographics) for accessibility.
Skills: kb-data-visualization-accessibility
Core Audit Areas
- Text Alternatives - Every chart needs a data table or description;
role="img"+aria-labelfor static SVG; interactive charts need focusable elements with names and roles (avoidrole="application", which turns off screen reader browse mode, unless every interaction is implemented and tested) - Color - CVD-safe palette, patterns/textures/labels beyond color, 3:1 adjacent element contrast
- Keyboard - Tab to chart, arrows between points, Enter for tooltips, Escape to dismiss, visible focus
- Screen Reader - Chart type/title/summary on focus, meaningful data point announcements, trend descriptions
- Responsive - Reflow at 400% zoom, pointer targets at least 24x24 CSS px (2.5.8, AA; 44x44 for 2.5.5, AAA), scalable text
Library Guidance
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/community-access/accessibility-agents
- Categories
- Data Science & ML, Design & UI/UX
- First seen
- Jun 3, 2026
More from community-access/accessibility-agents
All 25- Email Accessibility162
- Media Accessibility156
- Github Workflow Standards149
- Python Development134
- Help Url Reference132
- Legal Compliance Mapping129
- Mobile Accessibility384
- Playwright Testing316
- Cognitive Accessibility267
- Design System259
- Framework Accessibility250
- Accessibility Rules243
- Report Generation242
- Lighthouse Scanner234
- Web Scanning233
- Document Scanning229
- Web Severity Scoring226
- Github Analytics Scoring225
- Github Scanning223
- Testing Strategy215
- Markdown Accessibility209
- Github A11y Scanner207
- Ci Integration206
- Office Remediation198
Recommended
More Data Science & ML
alicloud-data-analytics-dataanalysisgbi-testcinience/alicloud-skillsSmoke test for alicloud-data-analytics-dataanalysisgbi. Validate minimal authentication, API reachability, and one read-only query path.157skills.sh installs
dataset-evaluationawslabs/agent-pluginsValidates dataset formatting and quality for SageMaker model fine-tuning (SFT, DPO, or RLVR). Use when the user says "is my dataset okay", "evaluate my data", "156skills.sh installs
sn-deep-researchopensensenova/sensenova-skills深度调研编排器，覆盖 规划→分维度取证→综合→成稿（report.md）全流程，产物落盘到 report_dir，支持断点续跑；启动前必须用一次极小的通用 web_search 探测确认当前会话搜索能力可用，探测失败或无法确认时停止并提示用户配置。**遇到以下任一情况就主动使用本 skill，不要自行搜几条就回答**：148skills.sh installs