初識插件

amCharts PayPal插件增強來自amCharts.com圖表庫的圖表可訪問性。啟用后，該插件支持增強鍵盤用戶的導航欄以及為屏幕閱讀用戶提供必要支持。

安裝說明

下載插件：

示例：

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

鍵盤交互

• 插件應用于 amCharts code，下面的鍵盤導航可用：
• 調節圖表，圖表數據點間有左右箭頭導航。點擊箭頭，輔助導航光標出現。
• 通過Tab 和 Shift+Tab鍵在切換圖表， "Start Date" 和 "End Date" 滑塊用于用戶操縱圖表日期范圍

屏幕閱讀器功能

• 當導航圖表之間的數據點，X、Y軸上的數據會有語音提示
• 圖表數據開始和結束的時候有語音提示
• 改變"start date" 或者 "end date" 數值，有語音提示，可隱藏

安裝注意事項

• 插件使用 WAI-ARIA roles, states and properties WAI-ARIA roles, states and properties 增強閱讀者語音反饋
• 圖表是Div容器，是一個aria-label 、0屬性應用程序來調節的
• Div為讀者顯示工具提示，aria-live設置為 polite， aria-atomic設置為true
• 左邊滑塊是SVG元素，擁有aria-label, aria-valuemin、 aria-valuemax、 aria-valuetext 和 aria-valuenow
• 右邊滑塊也是SVG元素，擁有 aria-label、 aria-valuemin、 aria-valuemax、 aria-valuetext 和 aria-valuenow

已知問題

• 邊欄功能在火狐瀏覽器下無法工作。

>>下載amCharts

>>amCharts 產品列表