IEEE VIS 2024 Content: Accessible SVG Charts with AChart

Accessible SVG Charts with AChart



Keith Andrews - Graz University of Technology, Graz, Austria

 Christopher Alexander Kopel - Graz University of Technology, Graz, Austria

 Screen-reader Accessible PDF

 Room: Bayshore V

2024-10-13T12:30:00ZGMT-0600Change your timezone on the schedule page
2024-10-13T12:30:00Z

Exemplar figure, described by caption below — AChart Interpreter showing an accessible multi-line chart. The user has navigated to the third data point of Data Series 1.

Abstract

AChart is a suite of open-source web-based tools written in TypeScript with Node.js to create and interpret semantically-enriched SVG-based accessible charts.AChart Creator is a command-line tool which generates accessible SVG charts from CSV files using the D3 framework, by injecting ARIA roles and properties from the AChart taxonomy.AChart Interpreter is a client-side web application and exectubale package which interprets such a semantically-enriched SVG chart and displays side-by-side graphical and textual versions of the chart.It can read out the chart using synthetic speech and its user interface is screen reader compatible. It can be used both by blind users to gain an understanding of a chart, as well as by developers and chart authors to verify and validate the accessibility markup of an SVG chart.AChart Summariser is a command-line tool which interprets an accessible SVG chart and outputs a textual summary of the chart.AChart currently supports bar charts, line charts, and pie charts.