网站信息无障碍适老化工具,目前主要功能有大字块、鼠标样式和语音功能

网站信息无障碍工具条v4.1下载


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

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


网站信息无障碍适老化工具

提供直接进入适老化服务的网站快捷通道(Alt+O),目前主要功能有大字块、鼠标样式、语音功能。

适老化工具条.jpg

适老化工具部署步骤:

步骤一:引用js

<!--适老模式 -->
<script type="text/javascript" src="/canyou/js/jquery-3.6.1.min.js"></script>
<script type="text/javascript" id="rrbayJs" src="/canyou/js/wza.min.js"></script>

步骤二(此步骤可忽略):引用css,长辈适老化样式,需要根据原网站的样式定制修改.

 <!--适老模式样式定制 -->
<link rel="stylesheet" href="/canyou/themes/res/elder.css" type="text/css" />

步骤三:在原网站模板页面添加a标签,如下

<a id="wzaElder" class="wzaElder" style="display: inline-block;background: #ff9027;color: #fff !important;" href="javascript:void(0);" accesskey="o">开始适老模式</a>

测试部署是否成功

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

演示参考 : http://www.qqqao.com/index6.html


标签:信息无障碍 无障碍工具条 长辈模式 适老化