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.
Works with
--- name: 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. license: MIT --- Derived from `.claude/agents/data-visualization-accessibility.md`. Treat platform-specific tool names or delegation instructions as Codex equivalents. # 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
More Accessibility skills
skill-creator
anthropics/skills
Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.
ui-ux-pro-max
nextlevelbuilder/ui-ux-pro-max-skill
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.
hyperframes-core
heygen-com/hyperframes
The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.
