彩票走势图

amCharts PayPal访问插件中文介绍及安装说明

原创|对比评测|编辑:龚雪|2014-08-19 09:24:28.000|阅读 301 次

概述:使用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

已知问题

  • 边栏功能在火狐浏览器下无法工作。

>>下载amCharts

>>amCharts 产品列表


标签:JavaScript 图表amcharts

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP