Accessible Data Visualization: Charts and Graphs for All Users
Design accessible data visualizations that convey information effectively to users with visual impairments, color blindness, and cognitive disabilities.
Create a framework for building charts and graphs that are perceivable, operable, and understandable by users with diverse abilities, going beyond color-based encoding.
At a glance
Access
Free prompt
Open to copy without upgrading.
Prompt objective
Create a framework for building charts and graphs that are perceivable, operable, and understandable by users with diverse abilities, going beyond color-based encoding.
Real use case
A financial dashboard uses color-coded line charts to show portfolio performance. Colorblind users can't distinguish between the 5 portfolio lines, and screen reader users get no information from the charts at all.
Customize these fields first
Replace the placeholders with your own context before you run the prompt. That usually improves the first output more than adding more instructions later.
Prompt
Design an accessible data visualization system for [PRODUCT NAME]'s dashboards and reports.\\\\\\\\n\\\\\\\\n**Color and Pattern Strategy:**\\\\\\\\n- Color palette: colorblind-safe (tested for protanopia, deuteranopia, tritanopia)\\\\\\\\n- Pattern fills: in addition to color (stripes, dots, crosshatch)\\\\\\\\n- Direct labeling: labels on chart elements, not just legends\\\\\\\\n- Minimum contrast: 3:1 for chart elements against background\\\\\\\\n\\\\\\\\n**Screen Reader Support:**\\\\\\\\n- Data tables as alternative to every chart\\\\\\\\n- ARIA roles: img, figure, table\\\\\\\\n- Descriptive titles and summaries\\\\\\\\n- Data point announcements on focus\\\\\\\\n- Complex chart descriptions (long description)\\\\\\\\n\\\\\\\\n**Chart-Specific Guidelines:**\\\\\\\\n\\\\\\\\n1) Line charts:\\\\\\\\n- Different line styles (solid, dashed, dotted) per line\\\\\\\\n- Data point markers for each series\\\\\\\\n- Direct labels at end of lines\\\\\\\\n\\\\\\\\n2) Bar charts:\\\\\\\\n- Pattern fills for each category\\\\\\\\n- Data labels on bars\\\\\\\\n- Horizontal bars for long category names\\\\\\\\n\\\\\\\\n3) Pie/donut charts:\\\\\\\\n- Maximum 5 slices\\\\\\\\n- Direct labels with connector lines\\\\\\\\n- Alternative: bar chart for better accessibility\\\\\\\\n\\\\\\\\n4) Scatter plots:\\\\\\\\n- Different marker shapes per series\\\\\\\\n- Grid lines for value reference\\\\\\\\n- Data table alternative\\\\\\\\n\\\\\\\\n5) Heatmaps:\\\\\\\\n- Pattern + color encoding\\\\\\\\n- Value labels in each cell\\\\\\\\n- Legend with clear value ranges\\\\\\\\n\\\\\\\\n**Interaction Accessibility:**\\\\\\\\n- Keyboard navigation between chart elements\\\\\\\\n- Focus indicators on interactive elements\\\\\\\\n- Zoom and pan controls (keyboard accessible)\\\\\\\\n- Tooltips accessible via keyboard and screen reader\\\\\\\\n\\\\\\\\n**Cognitive Accessibility:**\\\\\\\\n- Simplified chart views option\\\\\\\\n- Plain language descriptions\\\\\\\\n- Progressive disclosure of complexity\\\\\\\\n- Consistent chart types across the product\\\\\\\\n\\\\\\\\nInclude code examples for accessible chart implementation in [CHARTING LIBRARY].
Open directly in an AI — the text is pre-filled:
How to use this prompt
- 1Replace the key placeholders first: PRODUCT NAME, CHARTING LIBRARY.
- 2Replace any bracketed placeholders like [this] with your own context.
- 3Add extra background information when you want more tailored results.
- 4Combine multiple prompts in one conversation when you need a richer output.
- 5Save your best-performing prompts so they are easy to reuse later.
Next best step
Open the guide first, then branch only if you still need more.
A starter guide to the first prompt categories and patterns worth using when you need better output without prompt guesswork.
If this prompt is close but not quite right, generate variants next. If the job is recurring, move into the course library after the guide.
Related prompts
View allComplete WCAG 2.2 Accessibility Audit for Digital Products
Audit checklist based on WCAG 2.2 Level AA criteria, adapted to Brazilian regulatory context (Lei Brasileira de Inclusão - LBI, Law 13.146/2015, which mandates digital accessibility for organizations serving Brazilian users).
Best for
Conduct a comprehensive accessibility audit that identifies WCAG 2.2 AA non-conformities and generates a prioritized remediation plan, with consideration for Brazilian accessibility law requirements.
Screen Reader Optimization with ARIA and Semantic HTML
Practical guide for implementing landmarks, live regions, and ARIA roles and properties to make rich interfaces accessible via screen readers.
Best for
Implement full screen reader support (NVDA, JAWS, VoiceOver, TalkBack) using semantic HTML as the foundation and ARIA as a supplement, following the rule 'no ARIA is better than bad ARIA'.
Accessible Color System with Universal Contrast Compliance
Color palette redesign ensuring WCAG AA/AAA contrast across all contexts, including dark mode and color blindness.
Best for
Create a color system that is accessible for all types of vision, maintaining brand visual identity and ensuring WCAG AA compliance across all text/background combinations.
Full Keyboard Navigation for Single-Page Applications
Keyboard navigation implementation for SPAs with focus management, skip links, shortcuts, and assistive technology support.
Best for
Ensure the entire product is 100% operable via keyboard, serving users with motor disabilities, screen reader users, and power users who prefer keyboard shortcuts.
Explore other prompt categories
Move sideways into adjacent libraries when the current category is not the full answer.
Free browsing stays open. Premium prompts unlock the reusable workflow layer.
Use the guides and role paths to validate the job first. Upgrade when you want the full prompt text, editable premium prompts, and the surrounding course paths in one place.
Free access
- Browse guides, role paths, and category pages.
- Preview prompts before you decide to upgrade.
- Find the right starting point without friction.
Membership access
- Unlock premium prompts and the full copy text.
- See more workflow paths and course connections.
- Keep the reusable templates in one place.