本文介绍了如何在前端Vue项目和静态页面中集成并使用无障碍工具条。首先，通过Gitee获取ToolsUI代码，将其canyou文件夹放入指定目录。接着，在Vue项目中引用jQuery和wza.min.js，并在页面合适位置添加工具条链接。对于静态页面，同样需要引入jQuery和wza.min.js，并确保链接可见。通过这些步骤，实现了无障碍工具条在不同场景下的应用。
一、使用的工具
https://gitee.com/tywAmblyopia/ToolsUI
二、使用
- VUE中使用
-1.拉取代码
-2.将canyou文件夹放到public目录下
-3.在public文件夹下的index.html文件中</head>标签前,引用v1.8以上的jquery.min.js(原网站已引用v1.8以上的jquery跳过此步骤)。
-4.在public文件夹下的index.html文件中</head>标签前添加<script id="rrbayJs" src="/canyou/js/wza.min.js" referrerpolicy="origin" ></script>。
-5.在首页位置添加链接，确保红色加粗的不变。可以使用任何html标签。确保该链接放在页面的易发现位置。链接代码如下
<a id="wzayd" title="网站信息无障碍工具条" href="javascript:;" class="wzayd" accesskey="g">无障碍
最低0.47元/天 解锁文章
3521
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
