电脑端网站信息无障碍工具条电脑端详细安装部署过程

电脑端网站信息无障碍工具条下载


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

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


电脑端网站信息无障碍辅助工具部署步骤


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

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

  • 2.添加js.将下面一段js放在http://www.qqqao.com/index3.html网站首页模板区间任意位置即可。一般网站头部和尾部都是模版区。建议放在网站每个页面的</body>之前

       <script type="text/javascript">
           function ShowDetail() {
               if (window.top.document.getElementById("rrbay_wzatool")) {
                   return false;
               }
              var url = "?url=" + document.location.href;
              window.scrollTo(0, 0);
              location_href('/canyou/index.html'  + url);
          }
          function location_href(url) { location.href = url }
      </script>
  • 3.在http://www.qqqao.com/首页位置添加链接,确保红色加粗的不变。可以使用任何html标签。确保该链接放在页面的易发现位置。链接代码如下:

     <a title="无障碍通道" href="javascript:;" onclick="ShowDetail()" accesskey="g" onmousedown="ShowDetail()" target="_self">进入无障碍通道</a>。

测试部署是否成功

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

注意:严格按照上面步骤部署安装修改,请保留太阳湾版权信息。


信息无障碍工网站具条PC端三种皮肤安装部署

点击查看-->网站具条PC端三种皮肤安装部署


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

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

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


点击此查看-->移动端一键部署无障碍工具条代码获取(推荐)
点击此查看-->一键部署无障碍工具条代码获取(同时支持PC端和移动端)

点击此查看-->我们能提供的信息无障碍服务
点击此查看-->无障碍工具条授权方式和区域代理

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