基于ajax无刷新无障碍工具条本地部署,同时支持电脑端和移动端

网站信息无障碍工具条v3.2下载


点击下载-->无障碍工具条gitee源码

点击下载-->无障碍工具条github源码


无障碍工具部署步骤:

以太阳湾信息无障碍公共服务平台为例,地址:http://www.qqqao.com/index.html

  • 1.将canyou文件夹放到 http://www.qqqao.com/ 站点指向的服务器目录下,保证http://www.qqqao.com/canyou/能够被访问到即可。

  • 2.在</body>标签前,引用v1.8以上的jquery.min.js(原网站已引用v1.8以上的jquery跳过此步骤)。建议在header.htm类似的页头模板页面中引用jquery,以达到一处安装,全站皆有的效果。下载:jquery.min.js

  • 3.请将<script id="rrbayJs" src="/canyou/js/wza.min.js"></script>代码添加到网站全部页面的</body>标签前以及jquery.min.js后面。建议在header.htm类似的页头模板页面中引用代码,以达到一处安装,全站皆有的效果。

  • 4.在http://www.qqqao.com/首页位置添加链接,确保红色加粗的不变。可以使用任何html标签。确保该链接放在页面的易发现位置。链接代码如下:

    <a id="wzayd" title="网站信息无障碍工具条" href="javascript:;" class="wzayd" accesskey="g">无障碍阅读</a> 

测试部署是否成功

在浏览器中输入地址或通过单击原网站头部无障碍操作条中的链接即可完成对网站的信息无障碍化访问。

注意:严格按照上面步骤部署安装修改,请保留太阳湾版权信息;不要擅自修改canyou文件夹目录,这个文件夹目录名称关系到无障碍工具条能否部署成功。

第一种:纯蓝工具条(默认)

bluer.jpg

   <script id="rrbayJs" src="/canyou/js/wza.min.js?bluer"></script>

或者

   <script id="rrbayJs" src="/canyou/js/wza.min.js"></script>

第二种:黑白黄工具条

defaultdw.png

 <script id="rrbayJs" src="/canyou/js/wza.min.js?bw"></script>

第三种:蓝色工具条(历史版本,停止维护升级)

default.png

 <script id="rrbayJs" src="/canyou/js/wza.min.js?blue"></script>

请下载最新版,体验不同风格工具条


免费安装部署使用工具条条件?

保留canyou文件下所有版权信息(不能修改任何文件)以及签订捐赠协议(网站备案主体盖章)

关注[太阳湾科技]微信公众号,在微信聊天对话框内回复捐赠即可获取捐赠协议模板


点击此查看-->手机端无障碍工具条演示(仅手机端打开)
点击此查看-->PC端无障碍工具条演示(仅PC端打开)
点击此查看-->我们能提供的信息无障碍服务
点击此查看-->无障碍工具条授权方式和区域代理
点击此查看-->相关服务报价参考

标签:网站信息无障碍 工具条 安装部署 适老化 无障碍工具条 无障碍网站 信息无障碍