网站无障碍浏览辅助工具

一段代码
让网站可看可说可操作

15 项无障碍功能嵌入您的网站,不改版、不重构、不换系统。让视力障碍、老年及文化程度差异的用户,自己能看懂、能点准、能听到您的网站内容。

15项无障碍功能
1000家网站服务案例
0改动不改原有版式
10分钟用户学会使用
网站无障碍浏览辅助工具条实拍:包含重置、声音、语音库、语速、大鼠标、光标、放大、缩小、阅读方式、配色、显示屏、帮助、固定、读屏专用、退出共15项功能

真实工具条截图。用户打开网站即可见,15 项功能点开即用,无需安装任何软件。访客可自由开关,退出后不影响网站原有功能。

功能清单

网站无障碍浏览辅助工具包含哪些功能?

从视觉补偿到语音朗读,从操作辅助到阅读优化,15 项功能覆盖视力、听力、认知等多类障碍需求

重置

一键恢复到初始状态,误操作不用怕

声音

开启或关闭整页语音朗读,随时听内容

语音库

内置语音库,支持多方言音色选择

语速

0.5倍到 2 倍语速,慢读快读都顺手

大鼠标

放大鼠标指针,看得清点得准

光标

十字辅助线,指哪儿一目了然

放大

页面无损放大,最高 400% 不糊

缩小

一页看全,快速扫读不遗漏

阅读方式

纯文本模式,去掉图片广告只留字

配色

白/黑/黄/蓝四套高对比主题

显示屏

字幕显示屏,读到哪显示到哪

帮助

内置操作说明,十分钟学会会用

固定

工具条可固定,滚动页面不跑位

读屏专用

为读屏软件深度优化的阅读模式

退出

一键退出,不影响网站原有功能

产品特性

为什么选择我们的网站无障碍工具条?

不是重新做一个网站,是给现有网站补上一块缺失的能力

嵌入即用

一段代码嵌入现有网站,不改版、不重构、不换CMS。上线周期以天计,不影响原有业务系统。

零改造接入

不需要重新设计页面,不需要服务端改造,运营人员自己在后台配置开关即可。

智能记忆

自动保留用户上一次的设置状态。老访客下次打开就是自己习惯的样子,不用重新调。

十秒上手

工具条固定在页面顶部,图标大、字清楚。十分钟学会全部操作,老人也能自己开。

完全独立

工具条是独立插件,与网站原有功能互不干扰。退出后页面回到原样,不留任何痕迹。

持续更新

功能与标准同步迭代,站点方无需二次开发,自动跟随版本升级。

标准对标

工具条如何满足无障碍的四个技术要求?

依据 GB/T 37668-2019《信息技术 互联网内容无障碍可访问性技术要求与测试方法》,网站内容无障碍分为可感知性、可操作性、可理解性、兼容性四个维度。工具条的 15 项功能按这四个维度逐项对标设计

Perceivable

可感知性

信息能被看见、被听见

放大缩小、配色高对比、大鼠标与十字光标、纯文本阅读、字幕显示屏
  • 页面放大 400%,覆盖标准要求的 200%
  • 四套高对比主题,前景背景比不低于 1:3.5
  • 非文本链接与控件均有替代文本
  • 多媒体提供文本概要与字幕
视觉呈现非文本处理文本处理多媒体处理
Operable

可操作性

功能能被找到、被操作

全键盘操作、焦点顺序与视觉一致、工具条固定、帮助与快捷键说明
  • 所有功能可用键盘完成,无键击时限
  • 焦点不陷入、不顺序错乱、不被弹窗打断
  • 操作位置告知与状态反馈清晰
  • 多媒体播放可键盘控制
布局访问操作控制
Understandable

可理解性

信息能被读懂、不迷路

一致的导航与标识、内置操作说明、常见问题解答、全站语义化标签
  • 导航顺序全站一致
  • 不修改公认通用名称与标识
  • 帮助信息可随时呼出
  • 提交与操作可撤销恢复
信息内容处理内容一致性引导机制帮助信息
Compatible

兼容性

能与各类辅助技术协同

兼容专业读屏软件与系统自带辅助技术,工具条不改造原页面结构
  • 支持争渡、阳光、永德等读屏软件
  • 兼容 Windows 讲述人、macOS / iOS VoiceOver
  • 工具条开启不导致原页面变形或丢失
  • 不限制辅助设备接入
无障碍兼容性用户兼容性
政策与标准

网站无障碍改造的法律依据与行业标准是什么?

不是「要不要做」的问题,而是「必须做」的问题。以下为网站开展无障碍建设的主要依据

《互联网网站适老化及无障碍服务水平评测评价体系(修订版)》

工业和信息化部指导,中国互联网协会主管,中国互联网信息无障碍评测中心评测,2022年8月发布GB/T 37668-2019

这是网站无障碍改造的官方验收标准。技术评价占40%、用户满意度评价占40%、自我评价占20%;PC与移动各60分及以上可获服务认证标识,标识有效期两年。

《信息技术 互联网内容无障碍可访问性技术要求与测试方法》

GB/T 37668-2019(国家标准)可感知 · 可操作 · 可理解 · 兼容

规定网站内容无障碍的四类技术要求:可感知性、可操作性、可理解性、兼容性。工具条的15项功能即按这四个维度逐项对标设计。

适老化及无障碍改造专项行动政策依据

国办发〔2020〕45号 | 工信部信管〔2020〕200号 | 国办公开办函〔2021〕28号国办发 · 工信部信管 · 国办公开办

三份政策文件构成专项行动的推进依据,要求政府网站、政务新媒体加快完成适老化与无障碍改造,是各站点开展本项工作的直接原因。

适用人群

哪些用户最需要这套工具?

中国有 1700 多万视力障碍者、2.6 亿老年人,以及大量文化程度差异人群。您的网站里,很可能就有他们

老

视力退化的老年人

放大页面、高对比配色、语音朗读,让看不清、点不准的老年人也能独立办事

弱

色盲色弱与视力低下

四套高对比主题避开红绿辨读困难,字幕显示屏辅助弱视阅读

文

文化程度差异人群

纯文本模式去除图片干扰,语音把文字念出来,不识字也能获取信息

暂

视觉疲劳与临时需求

屏幕看久了眼睛累,一键开启大鼠标与放大镜,随时用随时关

服务案例

已有千家网站接入网站无障碍服务

覆盖政务、公共服务、交通、金融等多个行业领域,累计服务网站数量超过一千家。

标杆案例 · 可公开体验

上海机场(集团)有限公司官方网站

www.shanghaiairport.com

上海机场(集团)有限公司官网在页面右上角设有「无障碍」与「无障碍阅读」入口,点击后即展开本工具条的全部 15 项功能。该工具条以一段脚本嵌入方式上线,未改动机场官网原有版式与业务系统,浦东机场、虹桥机场两站的航班信息、乘机指南、机场交通、机场地图等服务信息,旅客均可自主获取。

这是一个可以直接验证的案例:打开该站页头,点「无障碍阅读」,放大、配色、语音朗读、大鼠标、纯文本阅读等功能逐项可用,效果无需任何说明即可判断。

前往体验该案例
  • 嵌入方式一段脚本嵌入,不改版式、不重构、不换 CMS
  • 功能完整15 项功能全部开放,含大鼠标、高对比配色、400% 放大、语音朗读、字幕显示屏
  • 无障碍阅读页头独立入口,用户零学习成本即可开启
  • 性能影响资源按需加载,不影响机场官网原有查询与预订功能
  • 适用性航班信息这类高频动态内容,同样可被读屏与纯文本模式完整获取
千家网站无障碍服务案例:已为超过一千家网站提供无障碍浏览辅助服务
政府政务

各地政务服务平台

办事指南、政策文件、办事指南进度查询,无障碍服务覆盖办事全流程

公共服务

医疗与教育机构

挂号导诊、录取查询、成绩发布,减少人工协助压力

交通运输

机场、轨道交通等枢纽

航班动态、车站班次、换乘指引,旅客自主查询不依赖人工

金融保险

银行与保险服务

产品说明、理赔进度、账户查询,条款阅读不遗漏关键信息

常见问题

网站无障碍工具条常见问题解答

7 个决策人最常问的问题

有哪些网站已经用了这个工具条?能直接去看吗?
可以。最具代表性的是上海机场(集团)有限公司官方网站 www.shanghaiairport.com(在新标签页打开),页头右上角设有「无障碍阅读」入口,点击即可展开完整的 15 项功能工具条,实际操作效果可直接体验。除航空枢纽外,工具条还服务政务服务平台、医疗教育机构、金融保险等各类网站,累计服务网站超过一千家。
这个工具条是装在网站上的吗?
是的。它是一段嵌入到网站页面的无障碍浏览辅助工具,访客打开您的网站就能看到顶部工具条。工具条独立运行,不与「读屏软件」是同一个产品——读屏软件需要单独安装使用,而工具条是网站侧的改造。
需要改造我们的网站吗?
不需要重新设计或重构页面。只需在页面中嵌入一段代码,网站原有布局、内容和功能全部保持不变。CMS 系统(WordPress、织梦、 gov 自建等)都支持。
会影响网站性能吗?
不会。工具条资源体积小、按需加载,不拖慢页面打开速度。也可按需配置启用项,只加载实际用到的功能。
哪些网站建议做?
根据无障碍环境建设法规定,政务服务平台、公共服务网站、医疗教育机构、交通枢纽、金融保险网点以及残联相关网站都需要进行无障碍改造。
怎么收费?
按站点数量收费,支持免费试用,请联系客服:18969116015。
支持个性化定制吗?
网站无障碍工具条符合《信息技术 互联网内容无障碍可访问性技术要求》,支持工具皮肤颜色调整,语音库个性化选择。

网站无障碍

免费试用,不满意不收费。也可先在上海机场集团官网直接体验实际效果

189-6911-6015 (微信同号)
微信客服
扫码咨询
电话咨询:18969116015