amCharts PayPal訪問插件中文介紹及安裝說明
原創|對比評測|編輯:龔雪|2014-08-19 09:24:28.000|閱讀
363 次
概述:使用amCharts PayPal訪問插件( amCharts Accessibility Plugin)可以增強amCharts.com圖表庫圖表的可訪問性,本文提供amCharts PayPal訪問插件中文介紹、安裝說明以及相關資源下載地址。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
初識插件
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 產品列表
標簽:
JavaScript 圖表amcharts
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網