一段代码
让网站可看可说可操作
15 项无障碍功能嵌入您的网站,不改版、不重构、不换系统。让视力障碍、老年及文化程度差异的用户,自己能看懂、能点准、能听到您的网站内容。
真实工具条截图。用户打开网站即可见,15 项功能点开即用,无需安装任何软件。访客可自由开关,退出后不影响网站原有功能。
网站无障碍浏览辅助工具包含哪些功能?
从视觉补偿到语音朗读,从操作辅助到阅读优化,15 项功能覆盖视力、听力、认知等多类障碍需求
重置
一键恢复到初始状态,误操作不用怕
声音
开启或关闭整页语音朗读,随时听内容
语音库
内置语音库,支持多方言音色选择
语速
0.5倍到 2 倍语速,慢读快读都顺手
大鼠标
放大鼠标指针,看得清点得准
光标
十字辅助线,指哪儿一目了然
放大
页面无损放大,最高 400% 不糊
缩小
一页看全,快速扫读不遗漏
阅读方式
纯文本模式,去掉图片广告只留字
配色
白/黑/黄/蓝四套高对比主题
显示屏
字幕显示屏,读到哪显示到哪
帮助
内置操作说明,十分钟学会会用
固定
工具条可固定,滚动页面不跑位
读屏专用
为读屏软件深度优化的阅读模式
退出
一键退出,不影响网站原有功能
为什么选择我们的网站无障碍工具条?
不是重新做一个网站,是给现有网站补上一块缺失的能力
嵌入即用
一段代码嵌入现有网站,不改版、不重构、不换CMS。上线周期以天计,不影响原有业务系统。
零改造接入
不需要重新设计页面,不需要服务端改造,运营人员自己在后台配置开关即可。
智能记忆
自动保留用户上一次的设置状态。老访客下次打开就是自己习惯的样子,不用重新调。
十秒上手
工具条固定在页面顶部,图标大、字清楚。十分钟学会全部操作,老人也能自己开。
完全独立
工具条是独立插件,与网站原有功能互不干扰。退出后页面回到原样,不留任何痕迹。
持续更新
功能与标准同步迭代,站点方无需二次开发,自动跟随版本升级。
工具条如何满足无障碍的四个技术要求?
依据 GB/T 37668-2019《信息技术 互联网内容无障碍可访问性技术要求与测试方法》,网站内容无障碍分为可感知性、可操作性、可理解性、兼容性四个维度。工具条的 15 项功能按这四个维度逐项对标设计
可感知性
信息能被看见、被听见
- 页面放大 400%,覆盖标准要求的 200%
- 四套高对比主题,前景背景比不低于 1:3.5
- 非文本链接与控件均有替代文本
- 多媒体提供文本概要与字幕
可操作性
功能能被找到、被操作
- 所有功能可用键盘完成,无键击时限
- 焦点不陷入、不顺序错乱、不被弹窗打断
- 操作位置告知与状态反馈清晰
- 多媒体播放可键盘控制
可理解性
信息能被读懂、不迷路
- 导航顺序全站一致
- 不修改公认通用名称与标识
- 帮助信息可随时呼出
- 提交与操作可撤销恢复
兼容性
能与各类辅助技术协同
- 支持争渡、阳光、永德等读屏软件
- 兼容 Windows 讲述人、macOS / iOS VoiceOver
- 工具条开启不导致原页面变形或丢失
- 不限制辅助设备接入
网站无障碍改造的法律依据与行业标准是什么?
不是「要不要做」的问题,而是「必须做」的问题。以下为网站开展无障碍建设的主要依据
《互联网网站适老化及无障碍服务水平评测评价体系(修订版)》
这是网站无障碍改造的官方验收标准。技术评价占40%、用户满意度评价占40%、自我评价占20%;PC与移动各60分及以上可获服务认证标识,标识有效期两年。
《信息技术 互联网内容无障碍可访问性技术要求与测试方法》
规定网站内容无障碍的四类技术要求:可感知性、可操作性、可理解性、兼容性。工具条的15项功能即按这四个维度逐项对标设计。
适老化及无障碍改造专项行动政策依据
三份政策文件构成专项行动的推进依据,要求政府网站、政务新媒体加快完成适老化与无障碍改造,是各站点开展本项工作的直接原因。
哪些用户最需要这套工具?
中国有 1700 多万视力障碍者、2.6 亿老年人,以及大量文化程度差异人群。您的网站里,很可能就有他们
视力退化的老年人
放大页面、高对比配色、语音朗读,让看不清、点不准的老年人也能独立办事
色盲色弱与视力低下
四套高对比主题避开红绿辨读困难,字幕显示屏辅助弱视阅读
文化程度差异人群
纯文本模式去除图片干扰,语音把文字念出来,不识字也能获取信息
视觉疲劳与临时需求
屏幕看久了眼睛累,一键开启大鼠标与放大镜,随时用随时关
已有千家网站接入网站无障碍服务
覆盖政务、公共服务、交通、金融等多个行业领域,累计服务网站数量超过一千家。
上海机场(集团)有限公司官方网站
上海机场(集团)有限公司官网在页面右上角设有「无障碍」与「无障碍阅读」入口,点击后即展开本工具条的全部 15 项功能。该工具条以一段脚本嵌入方式上线,未改动机场官网原有版式与业务系统,浦东机场、虹桥机场两站的航班信息、乘机指南、机场交通、机场地图等服务信息,旅客均可自主获取。
这是一个可以直接验证的案例:打开该站页头,点「无障碍阅读」,放大、配色、语音朗读、大鼠标、纯文本阅读等功能逐项可用,效果无需任何说明即可判断。
前往体验该案例- 嵌入方式一段脚本嵌入,不改版式、不重构、不换 CMS
- 功能完整15 项功能全部开放,含大鼠标、高对比配色、400% 放大、语音朗读、字幕显示屏
- 无障碍阅读页头独立入口,用户零学习成本即可开启
- 性能影响资源按需加载,不影响机场官网原有查询与预订功能
- 适用性航班信息这类高频动态内容,同样可被读屏与纯文本模式完整获取
各地政务服务平台
办事指南、政策文件、办事指南进度查询,无障碍服务覆盖办事全流程
医疗与教育机构
挂号导诊、录取查询、成绩发布,减少人工协助压力
机场、轨道交通等枢纽
航班动态、车站班次、换乘指引,旅客自主查询不依赖人工
银行与保险服务
产品说明、理赔进度、账户查询,条款阅读不遗漏关键信息
网站无障碍工具条常见问题解答
7 个决策人最常问的问题