Skip to main content

data-visualization-accessibility

Charts, graphs and dashboards: SVG ARIA, table alternatives, safe palettes.

Quellinformationen

Repository
Community-Access/accessibility-agents
Letzte Quellaktivität
22. September 2026 um 02:24
Erkannte Sprache von SKILL.md
Englisch
Sterne
425
Forks
53

Installationsoptionen

Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.

Quelldateien prüfen

Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.

Datei-Explorer
2 Dateien

SKILL.md wird angezeigt

SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau
name
data-visualization-accessibility
description
Charts, graphs and dashboards: SVG ARIA, table alternatives, safe palettes.
license
MIT
disable-model-invocation
true
metadata
{"tier":"specialist","domain":"web","output":"findings","effort":"medium","title":"Data Visualization Accessibility"}
## 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 ## Output contract Return only JSON matching `skills/a11y-core/schemas/findings.schema.json`. No prose, no summary, no restated instructions. One object, one array of findings. Shared rules, dispatch contract and schemas: `skills/a11y-core/SKILL.md`. Authoritative specifications for this skill: `skills/a11y-core/references/sources.md`.
Auf GitHub ansehen