15 min read
If you only read one thing
If it only works in hue, it does not work — patterns, contrast and text that survive greyscale.
Key takeaways
Accessible viz encodes values as redundant channels: position, pattern, label, not hue alone. Ishihara plates 1917; WCAG 2 contrast; Okabe–Ito palettes for deuteranopia. In reports, ads and assignments it fits public dashboards, exams, print in grey, legal slides. Skip it when relying on red/green alone to mean bad/good. This page gathers anatomy, fit, craft, failure modes and work / ads / school recipes for Accessible viz.
Jump to section
Previous
Data-ink
Next
Work reports
Local systems
BCP-47 + CSV en-US grouping with comma CSV by default.
Number format 1,200-style thousands — not a universal rule.
Studio download SVG/PNG stay in the browser; nothing is uploaded. Local examples Use the locale sample table before importing CSV. Open studio after chooser so the form matches the brief. Local FAQ Does Make upload my CSV? No — parsing stays in the browser for this static site.
Why does my European CSV look wrong? Separators and thousands grouping differ; see the locale note on Make.
Local terms
Chooser Pick a form before you open the studio.
Make Turn a small CSV/table into a starter visual.
Studio Browser editor — download SVG/PNG locally. Local systems
BCP-47 + CSV en-US grouping with comma CSV by default.
Number format 1,200-style thousands — not a universal rule.
Studio download SVG/PNG stay in the browser; nothing is uploaded. Local examples Use the locale sample table before importing CSV. Open studio after chooser so the form matches the brief. Local FAQ Does Make upload my CSV? No — parsing stays in the browser for this static site.
Why does my European CSV look wrong? Separators and thousands grouping differ; see the locale note on Make.
Local terms
Chooser Pick a form before you open the studio.
Make Turn a small CSV/table into a starter visual.
Studio Browser editor — download SVG/PNG locally. Sources Editorial atlas Locale pack Licensed media Local institutions
WCAG contrast guidance Accessibility baselines for color and text on charts.
Org style guides / brand kits Palette and type rules may override studio defaults.
Data ethics / disclosure policies Source notes and truncation honesty belong with the publisher. Myths vs facts 3D always looks more professional → Perspective distortion often hurts comparison; flat encodings read cleaner. More ink = more insight → Chartjunk competes with the data signal. Studio export needs no review → Always check contrast, labels, and source notes before publish. Deeper FAQ Is the studio a full design suite replacement? No. It is a focused viz craft workspace with honest chart/diagram defaults.
Do scores crown the “best” chart? No. They are editorial browsing meters for craft dimensions.
Does studio guarantee WCAG pass? No. Defaults help; final contrast and semantics still need review.
Pie charts always bad? Often misused for many categories; small part-to-whole sets can still work with care.
Checklist
1 State the question the viz must answer.
2 Prefer position/length encodings when comparing.
3 Run a contrast check before publish.
4 Open studio early; iterate marks, not themes. Important caveat Not a compliance stamp. Color, contrast, and data integrity still need human review before publication.
Editor depth Editorial meters compare craft clarity and classroom/studio usefulness — not “best chart” trophies. On VS pages, ask which encoding reduces lies under your data shape — not which looks trendier.
Deeper sources Grammar of graphics / perceptual encoding primers WCAG contrast documentation Tool-Lifes viz studio quality notes Important caveat Not a compliance stamp. Color, contrast, and data integrity still need human review before publication.
Who this is for If it only works in hue, it does not work — patterns, contrast and text that survive greyscale.
Print this page
Key scores Clarity 96 Persuasion 44 Density 38 Craft cost 58 School fit 80 Work fit 91 Bar chart Line chart Pie & donut Scatter plot How to pick a viz Choose the form — Start from the question (compare, part-to-whole, flow), not from a pretty template.Encode, then decorate — Position and length first; ink and effects last.Check contrast — Studio defaults help, but WCAG checks still belong before publish.Open studio wide — Use the widened workspace to iterate marks without crowding tool panels.Practical tools Open viz studio
Next tool After this form hub, open Studio or Chooser — labels stay sanitized.
Use this page Choose the form — Start from the question (compare, part-to-whole, flow), not from a pretty template. Encode, then decorate — Position and length first; ink and effects last. Check contrast — Studio defaults help, but WCAG checks still belong before publish. ×
✓ Accessible viz Accessible viz encodes values as redundant channels: position, pattern, label, not hue alone. Ishihara plates 1917; WCAG 2 contrast; Okabe–Ito palettes for deuteranopia.
In reports, ads and assignments it fits public dashboards, exams, print in grey, legal slides. Skip it when relying on red/green alone to mean bad/good.
This page gathers anatomy, fit, craft, failure modes and work / ads / school recipes for Accessible viz.
How Accessible viz shows up here
Excel or Google Sheets and PowerPoint share this geometry. Keep one claim per slide; export SVG or PDF rather than a screenshot.
In Meta, Google and retail print, one number and one shape speak first. If Accessible viz will not fit a banner, keep the number and show the chart on the landing page.
For lab reports and poster boards, pick the form that answers the rubric. Axes, units and a source line are what markers actually read.
Form Accessible viz
Since 1917
Encodes redundant channels:…
Best for public dashboards, exams,…
Avoid relying on red/green alone…
Studio Craft
Seven chapters The idea
If it only works in hue, it does not work — patterns, contrast and text that survive greyscale. History. public dashboards, exams, print in grey, legal slides.
Read →
Anatomy
If it only works in hue, it does not work — patterns, contrast and text that survive greyscale. Mark. public dashboards, exams, print in grey, legal slides.
Read →
When to use
If it only works in hue, it does not work — patterns, contrast and text that survive greyscale. Fit. public dashboards, exams, print in grey, legal slides.
Read →
Craft
If it only works in hue, it does not work — patterns, contrast and text that survive greyscale. Rules. public dashboards, exams, print in grey, legal slides.
Read →
Mistakes
If it only works in hue, it does not work — patterns, contrast and text that survive greyscale. Failure modes. public dashboards, exams, print in grey, legal…
Read →
Studio
If it only works in hue, it does not work — patterns, contrast and text that survive greyscale. Work. public dashboards, exams, print in grey, legal slides.
Read →
Tools
If it only works in hue, it does not work — patterns, contrast and text that survive greyscale. Software. public dashboards, exams, print in grey, legal slides.
Read →
Frequently asked questions When should I pick Accessible viz? When the story is: public dashboards, exams, print in grey, legal slides.
When should I avoid Accessible viz? Skip it in cases like: relying on red/green alone to mean bad/good.
Who invented or popularised it? Ishihara plates 1917; WCAG 2 contrast; Okabe–Ito palettes for deuteranopia
What does it encode? redundant channels: position, pattern, label, not hue alone
Is it OK in ads? Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.
Will a teacher accept it? Yes for lab reports and poster boards if axes, units and a source line are present.
Which tool? Excel or Google Sheets or PowerPoint; export SVG/PDF.
How do I keep it accessible? Do not rely on hue alone. Label directly and check greyscale.
Studio →
Which visual?
Compare forms
Make a visual from a file