# 政府网站无障碍工具条
**Repository Path**: dexters/wuzhangai
## Basic Information
- **Project Name**: 政府网站无障碍工具条
- **Description**: 政府网站适老化无障碍工具条，提供标注政府信息公开网站字体放大，语音读屏，鼠标、坐标，变色等功能。
- **Primary Language**: JavaScript
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: http://www.50cms.com/
- **GVP Project**: No
## Statistics
- **Stars**: 28
- **Forks**: 0
- **Created**: 2023-11-16
- **Last Updated**: 2026-01-04
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 功能建议联系：
QQ：53815112
微信：dextet
# 更新了百度tts 接口参数 修复语音功能
如果下面的 地址不能播放请通知作者
https://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&cuid=baike&ctp=1&pdt=301&vol=9&rate=32&per=0&spd=5&tex=%E6%96%87%E6%9C%AC%20%E5%AD%A6%E5%85%88%E8%BF%9B%E4%BA%89%E5%85%88%E8%BF%9B%E5%88%9B%E5%85%88%E8%BF%9B%E4%BB%A5%E2%80%9C%E7%AD%89%E4%B8%8D%E6%98%AF%E5%8A%9E%E6%B3%95%E3%80%81%E5%B9%B2%E6%89%8D%E6%9C%89%E5%B8%8C%E6%9C%9B%E2%80%9D
# 政府网站无障碍工具条，适老化，长者模式开发中
## **什么是无障碍工具条？**
> 网站无障碍工具条，这是一个针对于 有视障、听说障碍、读写障碍、肢体障碍，机体功能衰退的老年人群或残障人士开发的一个网站辅助js插件
## 功能
1.文本朗读 2.页面放大&缩小 3.大鼠标样式 4.十字线 5.大字幕 6.指读
## 演示地址
http://www.50cms.com/
## 调用方式
- 在网页合适的地方如banner处加入id为 assist-open 的标签；
- 在页面底部 body 之前引入插件js；
- 如果需要特殊处理的地方使用后面的API做对应处理；
- 在网页根目录上传 allaw.cur文件（原始文件在/src/assets/中）;
例子： example文件夹内有demo
```html
网站无障碍工具条
无障碍
```
CDN地址（可替换）
```html
```
无障碍图标样式
长者模式图标样式
```html
```
# 以下内容可以不用看了==============看上面足够，定制请联系作者
## API
- showTag; 用于打开无障碍标识，（点击无障碍后并不在当前页面打开，而是跳转到其他没有调用showTag的页面打开）
```html
网站无障碍工具条
无障碍
```
- zoomState; 返回页面放大倍数
```html
网站无障碍工具条
无障碍
```
- openState; 返回插件打开状态
```html
网站无障碍工具条
无障碍
```
- bigTextState; 大字幕开启状态
```html
网站无障碍工具条
无障碍
```
### 页面标注:
> 对于插件无法识别或识别不准的标签需业务自行标注，标注规范如下
1 - 对于img标签，需设置 alt ，如
```html
网站无障碍工具条
```
2 - 对于其他标签，需使用 title 进行标注，如
```html
网站无障碍工具条
网站无障碍工具条
```
3 - 对于非语意化标签，需加入 role来标注其真实属性，如果不标注title，则取标签内容，如
```html
网站无障碍工具条
提交
```
### 隐藏模块：
> 对业务中需要隐藏的模块加一个class名 qunar-assist-hide ，插件在打开的时候会自动监测这个class名统一隐藏
### 页面缩放影响：
> 随着页面放大，部分非自适应或者绝对定位的组件可能会出现错位问题，需业务开发自行调整
### 大段文本识别：
> 对于可能出现大段文本的地方，需要在当前标签加一个名为 qunar-assist-long-text 的class，插件会自动对这个class下的内容进行分割
### 兼容性
- ie10+
- 所有主流浏览器
- 火狐（不支持页面放大功能）
参考：
https://github.com/duheng/assist
https://github.com/gemgin/AmblyopiaTool
https://github.com/muzihuaner/assist
Demo网站： www.50cms.com
无障碍浏览
