欧美日剧在线免费,福利在线直播,国产电影网

amCharts PayPal訪問插件中文介紹及安裝說明

原創|對比評測|編輯：龔雪|2014-08-19 09:24:28.000|閱讀 369 次

概述：使用amCharts PayPal訪問插件( amCharts Accessibility Plugin)可以增強amCharts.com圖表庫圖表的可訪問性，本文提供amCharts PayPal訪問插件中文介紹、安裝說明以及相關資源下載地址。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

初識插件

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

amCharts PayPal訪問插件

安裝說明

下載插件：

示例：

<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