View on GitHub

Amcharts-accessibility-plugin

A Plugin to make charts from amcharts.com Accessible

Download this project as a .zip file Download this project as a tar.gz file

PayPal accessibility logo

amCharts Accessibility Plugin

by the PayPal Accessibility Team

See the Authors section below for more information.

What is it?

This plugin provides accessibility enhancements for a very versatile chart library from amCharts.com. Once applied, the plugin enables navigation for keyboard users and provides the necessary support for screen reader users.

Watch a screencast of the plugin in action or try the live demo below:

Demo of amCharts Accessibility Plugin

Installation instructions

Download the amCharts Accessibility Plugin from the amCharts Accessibility Plugin Github page and include it after the amCharts stock JavaScript on your site.

For example, here is the plugin called after amStock.js:

<script type="text/javascript" src="http://www.amcharts.com/lib/amstock.js"></script>
<script type="text/javascript" src="/js/amcharts-accessibility-plugin/plugins/amstock-acessibility.min.js"></script>

Keyboard interaction

After the plugin is applied to the amCharts code, the following keyboard navigation becomes possible:

Screen reader features

Implementation notes

Known issues

The slider functionality doesn't work in Firefox as there is a bug in this browser which prevents an SVG element inside an SVG document getting focused. See this issue for more information.

Feedback and Contributions

Please do not hesitate to open an issue or send a pull request if something doesn't work or you have ideas for improvement. For instructions on how to contribute to this project please read the contribution guide.

Authors

Copyright and license

Copyright 2014, eBay Software Foundation under the BSD license.