└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Dataviz Accessibility Resources 2 | 3 | A non-exhaustive and in-progress list of people and resources in Accessibility and Data Visualization 4 | 5 | --- 6 | 7 | ## People and Articles in Dataviz & Accessibility (Web) 8 | 9 | ### Ryan Bales (not accessibility, but good chart design tips) 10 | * [Designing Charts — Principles Every Designer Should Know | by Ryan Bales](https://uxdesign.cc/designing-charts-principles-every-designer-should-know-5bd3969a0150) 11 | 12 | * [Designing Charts: principles every designer should know (part 2) - Ryan Bales](https://uxdesign.cc/designing-charts-principles-every-designer-should-know-part-2-ce1e06af56fc) 13 | 14 | ### Amelia Bellamy (she/her) [Amelia Bellamy Mastodon](https://front-end.social/@AmeliaBR) 15 | * [Using SVG with CSS3 and HTML5 [Book]](https://www.oreilly.com/library/view/using-svg-with/9781491921968/) (Chapter 17. "Beyond the Visible") 16 | 17 | ### Alison Bert [Alison Bert Twitter](https://twitter.com/alisonbert?lang=en) 18 | * [Making charts accessible for people with visual impairments](https://www.elsevier.com/connect/making-charts-accessible-for-people-with-visual-impairments) 19 | 20 | ### Silvia Canelón [Silvia Canelón Bluesky](https://bsky.app/profile/silviacanelon.com) & Liz Hare [Liz Hare Mastodon](https://fosstodon.org/@lizhare) 21 | * [Revealing Room for Improvement in Accessibility within a Social Media Data Visualization Learning Community](https://silvia.rbind.io/talk/2021-05-04-data-viz-accessibility/) 22 | 23 | * [Revealing Room for Improvement [Github Repo]](https://github.com/spcanelon/csvConf2021) 24 | 25 | ### William Careri (he/him) 26 | * [Designing for Neurodivergent Audiences | by William Careri | Nightingale | Feb, 2021](https://nightingaledvs.com/designing-for-neurodivergent-audiences/) 27 | 28 | ### Amy Cesal (she/her) [Amy Cesal Bluesky](https://bsky.app/profile/amycesal.com) 29 | * [Writing Alt Text for Data Visualization | by Amy Cesal | Nightingale | Jul, 2020](https://medium.com/nightingale/writing-alt-text-for-data-visualization-2a218ef43f81) 30 | 31 | * [5 easy ways to make your data visualization more accessible](http://www.storytellingwithdata.com/blog/2018/6/26/accessible-data-viz-is-better-data-viz) 32 | 33 | ### Chris DeMartini [Chris DeMartini Twitter](https://twitter.com/demartsc) 34 | * [A Tableau Accessibility Journey - Part I](https://www.datablick.com/blog/2021/2/4/a-tableau-accessibility-journey-part-i) 35 | 36 | ### Kent Eisenhuth (he/him) [Kent Eisenhuth LinkedIn](http://linkedin.com/in/kenteisenhuth) 37 | 38 | * [Guiding Principles for Data Accessibility | Kent Eisenhuth & Gerrit de Vries | Material Design ](https://m3.material.io/blog/data-visualization-accessibility) 39 | 40 | * [Writing Alt Text for Charts | Material Design](https://m3.material.io/foundations/content-design/alt-text#10c74949-c9e0-46a4-bfd9-eca356430e7d) 41 | 42 | * [How Accessibility Standards Can Empower Better Chart Visual Design | Smashing Magazine](https://www.smashingmagazine.com/2024/02/accessibility-standards-empower-better-chart-visual-design/) 43 | 44 | * [An Accessibility-First Approach to Chart Visual Design | Kent Eisenhuth & Kai Chang | Smashing Magazine](https://www.smashingmagazine.com/2022/07/accessibility-first-approach-chart-visual-design/) 45 | 46 | ### Frank Elavsky (he/him) [Frank Elavsky Bluesky](https://bsky.app/profile/frank.computer) 47 | * [Chartability, an auditing framework for data visualizations](https://chartability.fizz.studio/) 48 | 49 | * [How to Integrate Accessibility into Your Data Viz Workflow | Data Viz Today | May 2021](https://dataviztoday.com/shownotes/63) 50 | 51 | * [Accessibility in DataViz | Tableau World Podcast | May 2021](https://tableauwannabepodcast.libsyn.com/ep231-accessibility-in-dataviz-with-frank-elevasky) 52 | 53 | * [Entering Uncharted Territory: Accessible Data Visualization | Accessibility Camp Bay Area | May 2021](https://www.accessibilitycampbay.org/2021talks.php#track-a-4) 54 | 55 | * [Accessibility is Critical to Data Visualization | NoVA UX | April 2021](https://www.meetup.com/nova-ux/events/276045771/) 56 | 57 | * [How to Stop Designing Inaccessible Data Visualizations | NICAR 2021 | March 2021](https://vimeo.com/551549654) 58 | 59 | * [Are Your Data Visualizations Excluding People? | Outlier Conf | February 2021](https://www.youtube.com/watch?v=SWB-KLXN-Ok) 60 | 61 | * [Introduction to Accessible Data Visualization | Knowbility | December 2020](https://knowbility.org/services/online-training/accessible-data-visualization) 62 | 63 | * [Data Visualization and Accessibility on the Web | Knowbility | May 2020](https://knowbility.org/programs/accessu-2020/data-visualization-and-accessibility-on-the-web/) 64 | 65 | * [Data Visualization and Accessibility on the Web - slides](https://drive.google.com/file/d/1OFmCvSt6bGk7u0kH6Kf5tIVQPMZ-wEKw/view?usp=sharing) 66 | 67 | ### Stephanie Evergreen [Stephanie Evergreen Instagram](https://www.instagram.com/evergreendata/) 68 | * [508 Compliance & Data Visualization](https://stephanieevergreen.com/508-compliance-data-visualization/) 69 | 70 | * [508 Compliance Tools](https://stephanieevergreen.com/508-compliance-tools/) 71 | 72 | ### Sarah L. Fossheim (they/them) [Sarah L. Fossheim Bluesky](https://bsky.app/profile/fossheim.bsky.social) 73 | * [How to create a screen reader accessible graph like Apple's with D3.js](https://fossheim.io/writing/posts/apple-dataviz-a11y-tutorial/) 74 | 75 | * [Are Your Data Visualizations Excluding People? | Outlier Conf | February 2021](https://www.youtube.com/watch?v=SWB-KLXN-Ok) 76 | 77 | * [What we can learn from Apple's dataviz accessibility](https://fossheim.io/writing/posts/apple-health-dataviz-a11y/) 78 | 79 | * [How (not) to make accessible data visualizations, illustrated by the US presidential election.](https://fossheim.io/writing/posts/accessible-dataviz-us-elections/) 80 | 81 | * [An intro to designing accessible data visualizations](https://fossheim.io/writing/posts/accessible-dataviz-design/) 82 | 83 | * [An introduction to accessible data visualizations with D3.js](https://fossheim.io/writing/posts/accessible-dataviz-d3-intro/) 84 | 85 | ### Dr. John Gardner [Dr. John Gardner Twitter](https://twitter.com/viewplus?lang=en) 86 | * [Video: “Improving Science Accessibility for the Blind” - August 13, 2014](http://scarc.library.oregonstate.edu/oh150/gardner/video-gardner.html) 87 | 88 | ### Luc Guillemot [Luc Guillemot Mastodon](https://vis.social/@Luc) 89 | * [How Does This Data Sound?. Make your data accessible, sound up. | by Luc Guillemot](https://blog.interactivethings.com/how-does-this-data-sound-945ed27a1a95) 90 | 91 | ### Sarah Higley [Sarah Higley Mastodon](https://vis.social/@codingchaos) 92 | * [Accessibility and Data Visualization — Data Visualization Society](https://www.datavisualizationsociety.com/fireside-chats-1/2020/5/21/accessibility-and-data-visualization) [ [Communal Notes - Fireside Chat Accessible Data Viz](https://docs.google.com/document/d/1X0Rk8Q7TEbw3dHvpwo2d1x3-SYqcPtXfW8ZRPfUWdl8/edit) ] 93 | 94 | ### Peter Holmes 95 | * [Making data visualization accessible — a case study | by Peter Holmes](https://uxdesign.cc/making-data-visualization-accessible-a-case-study-e5fb41ac62ad) 96 | 97 | ### Sergei Kruger [Sergei Kruger Bluesky](https://bsky.app/profile/sergeikriger.com) 98 | * [Talk: Accessible Charts Done Right](https://www.youtube.com/watch?v=ayl2ue9vIFc) 99 | * [Slides: Accessible Charts Done Right](https://www.sergeikriger.com/slides/accessible-charts-done-right/) 100 | 101 | ### Larene Le Gassick (she/her) [Larene Le Gassick Bluesky](https://bsky.app/profile/larene.dev) 102 | * [Are Your Data Visualizations Excluding People? | Outlier Conf | February 2021](https://www.youtube.com/watch?v=SWB-KLXN-Ok) 103 | 104 | ### Lindsey (she/her) [Lindsey Bluesky](https://bsky.app/profile/littlekope.bsky.social) 105 | * [Accessibility in d3 Donut Charts](https://www.a11ywithlindsey.com/blog/accessibility-d3-donut-charts) 106 | 107 | * [Accessibility in d3 Bar Charts](https://www.a11ywithlindsey.com/blog/accessibility-d3-bar-charts) 108 | 109 | ### Amanda Makulec MPH [Amanda Makulec Twitter](https://twitter.com/abmakulec?lang=en) 110 | * [Ten Considerations Before You Create Another Chart About COVID-19 | by Amanda Makulec | Nightingale](https://medium.com/nightingale/ten-considerations-before-you-create-another-chart-about-covid-19-27d3bd691be8) 111 | 112 | * [Where Is the Rush to Visualize the Public Health Crisis of Racism?](https://medium.com/nightingale/data-visualization-racism-a4521a1864d1) 113 | 114 | ### Melanie Mazanec 115 | * [Data Visualization Accessibility: Where Are We Now, and What’s Next?](https://medium.com/nightingale/data-visualization-accessibility-where-are-we-now-and-whats-next-b2c9eeac4e8b) 116 | * [Semiotic's Accessibility Guide](https://semiotic.nteract.io/guides/accessibility) 117 | 118 | ### Øystein Moseng [Øystein Moseng Twitter](https://twitter.com/oysteinmoseng?lang=en) 119 | * [10 Guidelines for DataViz Accessibility](https://www.highcharts.com/blog/tutorials/10-guidelines-for-dataviz-accessibility/) 120 | 121 | ### Øystein Moseng [Øystein Moseng Twitter](https://twitter.com/oysteinmoseng?lang=en) & Ted Gies [Ted Gies Twitter](https://twitter.com/tedgies1?lang=en) 122 | * [CSUN 2020 Accessible Visualizations: Maps, Annotations, and Spark lines [SlideShare]](https://www.slideshare.net/tedgies/csun-2020-accessible-visualizations-maps-annotations-and-spark-lines) 123 | 124 | * [Highsoft & Elsevier talk about Chart Accessibility at CSUN 2019 [YouTube]](https://www.youtube.com/watch?v=kwCOxZ6JJ6I) 125 | 126 | ### Lisa Charlotte Muth [Lisa Charlotte Muth Twitter](https://twitter.com/lisacmuth) 127 | * [What to Consider When Choosing Colors for Data Visualization](https://www.dataquest.io/blog/what-to-consider-when-choosing-colors-for-data-visualization/) 128 | 129 | ### Cole Nussbaumer Knaflic [Cole Nussbaumer Knaflic Twitter](https://twitter.com/storywithdata?lang=en) 130 | * [Storytelling with Data: A Data Visualization Guide for Business Professionals [Book]](https://www.amazon.com.au/Storytelling-Data-Visualization-Business-Professionals/dp/1119002257) 131 | 132 | ### Doug Schepers [Doug Schepers Bluesky](https://bsky.app/profile/shepazu.bsky.social) 133 | * [Making Inclusive Charts | AccessU | May 2021](https://knowbility.org/programs/accessu-2021/making-inclusive-charts) 134 | 135 | * [Invisible Visualization – Reinventing Fire](http://schepers.cc/invisible-visualization) (2014) 136 | 137 | * [Why Accessibility Is at the Heart of Data Visualization](https://medium.com/nightingale/accessibility-is-at-the-heart-of-data-visualization-64a38d6c505b) (2020) 138 | 139 | * [DIAGRAM Report: Data Visualization 2019](http://diagramcenter.org/diagram-reports/diagram-report-2019/datavizualization.html) 140 | 141 | * [A11yNYC June 13 2019 - Data Visualization with Doug Schepers](https://www.youtube.com/watch?v=hmCC9XlaB9E) 142 | 143 | * [Fizz Studio – Accessible Data Visualizations [Company/Product]](https://fizz.studio/) 144 | 145 | ### Glenna R. Shaw [Glenna R. Shaw Twitter](https://twitter.com/glennasshaw) 146 | * [Creating Accessible Documents in Microsoft Office [LinkedIn Learning]](https://www.linkedin.com/learning/creating-accessible-documents-in-microsoft-office/welcome) 147 | 148 | ### Ed Summers [Ed Summers Twitter](https://twitter.com/edsummersnc?lang=en) 149 | * [How we created a culture of accessibility at SAS](https://www.linkedin.com/pulse/how-we-created-culture-accessibility-sas-ed-summers/) 150 | 151 | ### Leonie Watson [Leonie Watson Bluesky](https://bsky.app/profile/tink.uk) 152 | * [Accessible SVG Line Graphs](https://tink.uk/accessible-svg-line-graphs/) 153 | * [Accessible SVG Tables](https://tink.uk/accessible-svg-tables/) 154 | 155 | --- 156 | 157 | ## Organizational Guidance in Dataviz & Accessibility (Web) 158 | 159 | ### [Data Visualization Society [Home page]](http://datavisualizationsociety.com/) (org) [DataVizSociety Twitter](https://twitter.com/datavizsociety?lang=en) run by [@AmyCesal](https://twitter.com/amycesal?lang=en) and [@abmakulec](https://twitter.com/abmakulec?lang=en) and many others (to be listed) 160 | * [Accessibility – Nightingale](https://nightingaledvs.com/tag/accessibility/) 161 | 162 | ### Digital Government (USA) 163 | * [Data visualizations | Visual design](https://accessibility.digital.gov/visual-design/data-visualizations/) 164 | 165 | ### Government Digital Service (UK) [Government Digital Service (UK) Twitter](https://twitter.com/gdsteam?lang=en) 166 | * [Images - Content design: planning, writing and managing content - Guidance - GOV.UK](https://www.gov.uk/guidance/content-design/images#make-sure-the-diagram-is-accessible-to-everyone) 167 | 168 | --- 169 | 170 | ## Javascript Dataviz Frameworks with Accessibility 171 | 172 | ### Amcharts 173 | * [Accessibility in amCharts 4](https://www.amcharts.com/accessibility/accessible-charts/) 174 | 175 | ### Chart.js 176 | * [Accessibility in Chart.js](https://www.chartjs.org/docs/latest/general/accessibility.html) 177 | 178 | ### Highcharts 179 | * [Highcharts Accessibility Demos](https://www.highcharts.com/a11y.html) 180 | 181 | ### Semiotic 182 | * [Semiotic Accessibility Guide](https://semiotic.nteract.io/guides/accessibility) 183 | 184 | ### Vega & Vega-Lite 185 | * [Flight Passengers Example](https://vega.github.io/vega/examples/flight-passengers/) 186 | 187 | ### Visa Chart Components 188 | * [Visa Chart Components (VCC) Github](https://github.com/visa/visa-chart-components) 189 | * [VCC Accessibility Utilities](https://github.com/visa/visa-chart-components/blob/master/packages/utils/README.md#accessibility) 190 | * [VCC Color Utilities](https://github.com/visa/visa-chart-components/blob/master/packages/utils/README.md#colors) 191 | * [VCC Texture Utility](https://github.com/visa/visa-chart-components/blob/master/packages/utils/README.md#textures) 192 | 193 | ## Javascript Tools that can Assist with Visualization Accessibility 194 | 195 | ### Chart2Music 196 | * A visual-agnostic tool to add keyboard navigation and sonification to charts. 197 | * [Chart2Music documentation site](https://chart2music.com/docs/) 198 | * [Chart2Music CodePen examples](https://codepen.io/collection/BNedqm) 199 | 200 | ### AutoVizuA11y 201 | 202 | * React library that automates the process of adding keyboard navigation, data descriptions, and keyboard shortcuts for data visualizations. 203 | * [AutoVizuA11y Github repo](https://github.com/feedzai/AutoVizuA11y) 204 | * [AutoVizuA11y examples site](https://diogorduarte.github.io/autovizua11y-examples/) 205 | 206 | --- 207 | 208 | ## People and Articles in Dataviz & Accessibility (Academia) 209 | 210 | ### [Access All Areas [PDF]](http://www.cis.rit.edu/people/faculty/ferwerda/press/nature_060205.pdf) 211 | 212 | Ref: THOMPSON, D. (2005). Access all areas. *NATURE*, *435*, 2.### Visualisation tools for blind people using multiple modalities 213 | 214 | ### [Design features of graphs in health risk communications: a systematic review [PDF]](https://scholar.google.com/scholar?output=instlink&q=info:0alS-UvkUHIJ:scholar.google.com/&hl=en&as_sdt=0,5&scillfp=4042667095927380740&oi=lle) 215 | 216 | Ref: Ancker, J. S., Senathirajah, Y., Kukafka, R., & Starren, J. B. (2006). Design features of graphs in health risk communication: A systematic review. *Journal of the American Medical Informatics Association*, *13*(6), 608-618. 217 | 218 | 219 | ### [Designing communicative visualization for people with intellectual developmental disabilities [PDF]](https://osf.io/zbjhr/download?format=pdf) 220 | 221 | [Designing communicative visualization for people with intellectual developmental disabilities [PDF Viewer]](https://osf.io/zbjhr) 222 | 223 | Ref: Wu, K., Tanis, S., & Szafir, D. (2019). Designing communicative visualization for people with intellectual developmental disabilities. 224 | 225 | ### [Effective Practices for Description of Science Content within Digital Talking Books](https://www.wgbh.org/foundation/ncam/guidelines/effective-practices-for-description-of-science-content-within-digital-talking-books) 226 | 227 | Ref: Gould, B., O'Connell, T., and Freed, G. (2008). Effective Practices for Description of Science Content within Digital Talking Books. 228 | 229 | ### [Generating Seizure-Inducing Sequences with Interactive Visualizations [PDF Viewer]](https://osf.io/85gwy/) 230 | 231 | Ref: South, L., Borkin, M. (2021). Generating Seizure-Inducing Sequences with Interactive Visualizations. 232 | 233 | ### [Graph literacy: a cross-cultural comparison [PDF]](http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.980.8590&rep=rep1&type=pdf) 234 | 235 | Ref: Galesic, M., & Garcia-Retamero, R. (2011). Graph literacy: A cross-cultural comparison. *Medical Decision Making*, *31*(3), 444-457.### Design features of graphs in health risk communications: a systematic review 236 | 237 | ### [Image Description Template [Tool]](http://valeriemorash.com/imageDescription.html) 238 | Ref: Morash, V., Siu, Y. -T., Miele, J.A., Hasty, L., & Landau, S. (2015). Guiding novice web workers in making image descriptions using templates. 239 | 240 | ### [Producing accessible statistics diagrams in R [PDF]](https://core.ac.uk/download/pdf/185503569.pdf) 241 | 242 | Ref: Fitzpatrick, D., Godfrey, A. J. R., & Sorge, V. (2017, April). Producing accessible statistics diagrams in R. In *Proceedings of the 14th Web for All Conference on the Future of Accessible Work* (pp. 1-4). 243 | 244 | ### [Reaching Broader Audiences With Data Visualization](https://ieeexplore.ieee.org/document/9023497) 245 | 246 | [Reaching Broader Audiences With Data Visualization [PDF]](https://hal.inria.fr/hal-02459678/document) 247 | 248 | Ref: B. Lee, E. K. Choe, P. Isenberg, K. Marriott and J. Stasko, "Reaching Broader Audiences With Data Visualization," in IEEE Computer Graphics and Applications, vol. 40, no. 2, pp. 82-90, 1 March-April 2020, doi: 10.1109/MCG.2020.2968244. 249 | 250 | ### [Sociotechnical Considerations for Accessible Visualization Design [PDF]](https://arxiv.org/pdf/1909.05118) 251 | 252 | Ref: Lundgard, A., Lee, C., & Satyanarayan, A. (2019, October). Sociotechnical Considerations for Accessible Visualization Design. In *2019 IEEE Visualization Conference (VIS)* (pp. 16-20). IEEE. 253 | 254 | ### [Statistical Software from a Blind Person's Perspective [PDF]](https://journal.r-project.org/archive/2013/RJ-2013-007/RJ-2013-007.pdf) 255 | 256 | Ref: Godfrey, A. J. R. (2013). Statistical software from a blind person’s perspective. *The R Journal*, *5*(1), 73-79.### Graph literacy: a cross-cultural comparison 257 | 258 | ### [Understanding Data Accessibility for People with Intellectual and Developmental Disabilities [Project Page]](http://cu-visualab.org/IDD/idd/index.html) 259 | 260 | [Understanding Data Accessibility for People with Intellectual and Developmental Disabilities [PDF Viewer]](http://cu-visualab.org/IDD/idd/assets/idd.pdf) 261 | 262 | Ref: Keke Wu et al (2021). Understanding Data Accessibility for People with Intellectual and Developmental Disabilities. 263 | 264 | ### [Visualisation tools for blind people using multiple modalities [PDF]](https://eprints.gla.ac.uk/3234/01/visualisation1.pdf) 265 | 266 | Ref: Brewster, S. (2002). Visualization tools for blind people using multiple modalities. *Disability and rehabilitation*, *24*(11-12), 613-621. 267 | 268 | 269 | ### [Visualization is Not Enough [Slides]](https://homes.cs.washington.edu/~jheer/talks/EuroVis2019-Capstone.pdf) 270 | 271 | Ref: Heer, Jeffrey (2019). Visualization is not Enough. 272 | 273 | (Note: see the epilogue from slide 97 an onwards.) 274 | 275 | ### [Visualizing for the Non‐Visual: Enabling the Visually Impaired to Use Visualization [PDF]](http://users.umiacs.umd.edu/~elm/projects/vis4nonvisual/vis4nonvisual.pdf) 276 | 277 | Ref: Choi, J., Jung, S., Park, D. G., Choo, J., & Elmqvist, N. (2019, June). Visualizing for the Non‐Visual: Enabling the Visually Impaired to Use Visualization. In *Computer Graphics Forum* (Vol. 38, No. 3, pp. 249-260). 278 | 279 | ### [AutoVizuA11y: A Tool to Automate Screen Reader Accessibility in Charts [PDF]](https://onlinelibrary.wiley.com/doi/epdf/10.1111/cgf.15099) 280 | 281 | Ref: Duarte D., Costa R., Bizarro P., Duarte C. (2024, June). AutoVizuA11y: a tool to automate screen reader accessibility in charts. In *Computer Graphics Forum* (Vol. 43, No. 3). 282 | --------------------------------------------------------------------------------