2022年11月15日 13:40 阅读量:6255
以太阳湾信息无障碍公共服务平台为例,地址: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文件夹目录,这个文件夹目录名称关系到无障碍工具条能否部署成功。
查看效果,打开 http://www.qqqao.com/index.html , 点击顶部点击进入适老模式
引用调用
<script id="rrbayJs" src="/canyou/js/wza.min.js?bluer"></script>
或者
<script id="rrbayJs" src="/canyou/js/wza.min.js"></script>
查看效果,打开 http://www.qqqao.com/index6.html , 点击顶部无障碍阅读
引用调用
<script id="rrbayJs" src="/canyou/js/wza.min.js?bw"></script>
查看效果,打开 http://www.qqqao.com/index5.html , 点击顶部进入无障碍通道
安装部署
<script id="rrbayJs" src="/canyou/js/wza.min.js?blue"></script>
无障碍工具条gitee源码下载:https://gitee.com/tywAmblyopia/ToolsUI
无障碍工具条github源码下载:https://github.com/gemgin/AmblyopiaTool
免费安装部署使用工具条条件?
保留canyou文件下所有版权信息(不能修改任何文件)以及签订捐赠协议(网站备案主体盖章)
关注[太阳湾科技]
微信公众号,在微信聊天对话框内回复捐赠
即可获取捐赠协议模板
点击此查看-->
手机端无障碍工具条演示(仅手机端打开)
点击此查看-->
PC端无障碍工具条演示(仅PC端打开)
点击此查看-->
我们能提供的信息无障碍服务
点击此查看-->
无障碍工具条授权方式和区域代理
点击此查看-->
相关服务报价参考