amCharts PayPal訪問插件中文介紹及安裝說明
原創(chuàng)|對比評測|編輯:龔雪|2014-08-19 09:24:28.000|閱讀
363 次
概述:使用amCharts PayPal訪問插件( amCharts Accessibility Plugin)可以增強(qiáng)amCharts.com圖表庫圖表的可訪問性,本文提供amCharts PayPal訪問插件中文介紹、安裝說明以及相關(guān)資源下載地址。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
初識插件
amCharts PayPal插件增強(qiáng)來自amCharts.com圖表庫的圖表可訪問性。啟用后,該插件支持增強(qiáng)鍵盤用戶的導(dǎo)航欄以及為屏幕閱讀用戶提供必要支持。

安裝說明
下載插件:
示例:
<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>
鍵盤交互
- 插件應(yīng)用于 amCharts code,下面的鍵盤導(dǎo)航可用:
- 調(diào)節(jié)圖表,圖表數(shù)據(jù)點間有左右箭頭導(dǎo)航。點擊箭頭,輔助導(dǎo)航光標(biāo)出現(xiàn)。
- 通過Tab 和 Shift+Tab鍵在切換圖表, "Start Date" 和 "End Date" 滑塊用于用戶操縱圖表日期范圍
屏幕閱讀器功能
- 當(dāng)導(dǎo)航圖表之間的數(shù)據(jù)點,X、Y軸上的數(shù)據(jù)會有語音提示
- 圖表數(shù)據(jù)開始和結(jié)束的時候有語音提示
- 改變"start date" 或者 "end date" 數(shù)值,有語音提示,可隱藏
安裝注意事項
- 插件使用 WAI-ARIA roles, states and properties WAI-ARIA roles, states and properties 增強(qiáng)閱讀者語音反饋
- 圖表是Div容器,是一個aria-label 、0屬性應(yīng)用程序來調(diào)節(jié)的
- Div為讀者顯示工具提示,aria-live設(shè)置為 polite, aria-atomic設(shè)置為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 產(chǎn)品列表
標(biāo)簽:
JavaScript 圖表amcharts
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)