highcharter a11y talk

talks
video
R
data visualization
accessibility
Highcharts
highcharter

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

Author

Mara Averick

Published

Mar 9, 2022

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

Adventures with highcharter and the Highcharts Accessibility module. Start point Resources for Data Viz Accessibility, Finish point five blog posts on accessibility with Highcharts and highcharter. Annotation pointing to center of line connecting start and finish reads Me learning things along the way. Red line pointing to that annotation reads THIS TALK. View the slides

The slides open in this tab.

The HTML slides are the most accessible version: the Highcharts charts in them are live, so you can explore them with a keyboard or screen reader, just as in the talk. Use → / ← to move between slides, Esc for an overview of all slides, and ? for the full list of keyboard shortcuts.

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.

Back to top

References

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.” https://www.highcharts.com/products/highcharts/.
Kunst, Joshua. 2021. “highcharter: A wrapper for the ’highcharts’ library.” 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.

Reuse

Citation

BibTeX citation:
@online{averick2022,
  author = {Averick, Mara},
  title = {Highcharter A11y Talk},
  date = {2022-03-09},
  url = {https://dataand.me/talks/highcharter-a11y-talk/},
  langid = {en-US}
}
For attribution, please cite this work as:
Averick, Mara. 2022. “Highcharter a11y talk.” March 9, 2022. https://dataand.me/talks/highcharter-a11y-talk/.