highcharter a11y talk

data visualization accessibility highcharter Highcharts talks

Video and slides from a talk on lessons learned using the highcharter R package with the Highcharts accessibility module.

Mara Averick https://twitter.com/dataandme
2022-03-09

Adventures with {highcharter} and the Highcharts accessibility module

Video

Above, the video opens at the start of my talk. However, I definitely recommend watching Maya Gans’ talk, A11Y in R: Adapting Sarah L. Fossheim’s 10 dos and don’ts to keep in mind when designing accessible data visualizations, as well.

If you view the video on YouTube, Rachael Dempsy (our wonderful host and moderator) has added links to resources and R packages mentioned in the discussion.

Slides

You can see the slides (embedded, below) on their own here (which should be the most accessible version).

The source code for the slides is available in this GitHub repo, which also contains the slides in PDF format.

More working examples can also be found in my accessible-highcharter GitHub repo.

Bert, Alison, and Lisa Marie Hayes. 2018. “Making Charts Accessible for People with Visual Impairments: A Collaboration Between Elsevier and Highcharts Sets a New Standard for Chart Accessibility.” Elsevier Connect. February 18, 2018. https://www.elsevier.com/connect/making-charts-accessible-for-people-with-visual-impairments.
Boxhall, Alice, James Craig, Dominic Mazzoni, and Alexander Surkov. 2021. “The Accessibility Object Model: Explainer.” The Accessibility Object Model (AOM). WICG. https://wicg.github.io/aom/explainer.html.
Canelón, Silvia. 2021. “Resources for Data Viz Accessibility.” September 23, 2021. https://silvia.rbind.io/blog/2021-curated-compilations/01-data-viz-a11y/.
Cantrell, Stanley J, Bruce N Walker, and Øystein Moseng. 2021. “Highcharts Sonification Studio: An Online, Open-Source, Extensible, and Accessible Data Sonification Tool.” In The 26th International Conference on Auditory Display (ICAD 2021), 7.
Gies, Ted, and Øystein Moseng. 2019. “Highcharts - The Next Chapter.” Presented at the CSUN 2019, March 14. https://www.slideshare.net/tedgies/highcharts-the-next-chapter-csun-2019.
———. 2020. “Accessible Visualizations: Maps, Annotations, and Spark Lines.” Presented at the CSUN 2020, March 11. https://www.slideshare.net/tedgies/csun-2020-accessible-visualizations-maps-annotations-and-spark-lines.
Göransson, Daniel. 2017. “Alt-Texts: The Ultimate Guide.” Axess Lab. October 15, 2017. https://axesslab.com/alt-texts/.
Highsoft AS. 2021a. “Gaining Competitive Advantage Through Accessible Web Applications.” White Paper. https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2021/02/18092938/A11y-Whitepaper-Gaining-competitive-advantage-through-accessible-web-applications.pdf.
———. 2021b. Highcharts JS (version 9.1.0). https://www.highcharts.com/products/highcharts/.
Kunst, Joshua. 2021. Highcharter: A Wrapper for the ’Highcharts’ Library (version 0.8.2). https://jkunst.com/highcharter/.
Lundgard, Alan, and Arvind Satyanarayan. 2022. “Accessible Visualization via Natural Language Descriptions: A Four-Level Model of Semantic Content.” IEEE Transactions on Visualization and Computer Graphics 28 (1): 1073–83. https://doi.org/10.1109/TVCG.2021.3114770.
Moseng, Øystein, and Ted Gies. 2016. “Acessible SVG Charts Using ARIA.” Presented at the CSUN 2016, March 4. https://www.slideshare.net/tedgies/accessible-svg-charts-using-aria-2016.

References

Reuse

Text and figures are licensed under Creative Commons Attribution CC BY 4.0. The figures that have been reused from other sources don't fall under this license and can be recognized by a note in their caption: "Figure from ...".

Citation

For attribution, please cite this work as

Averick (2022, March 9). dataand.me: highcharter a11y talk. Retrieved from https://dataand.me/posts/2022-03-09-highcharter-a11y-talk/

BibTeX citation

@misc{averick2022highcharter,
  author = {Averick, Mara},
  title = {dataand.me: highcharter a11y talk},
  url = {https://dataand.me/posts/2022-03-09-highcharter-a11y-talk/},
  year = {2022}
}