网页无障碍辅助工具
一款轻量、流畅、无侵入的网页无障碍辅助脚本，支持字体调节、语音朗读、虚拟键盘、对比度切换等功能，适配全平台网页，开箱即用。
功能特性
🌍 核心功能
- 字体缩放：一键放大/缩小页面字体，适配不同视力需求
- 字体加粗：多级加粗切换，提升文字可读性
- 对比度调节：普通/高对比度/极致对比度三种模式
- 语音朗读：点击朗读页面文字，支持语速调节
- 字幕显示：朗读内容同步展示字幕
- 虚拟键盘：支持大小写切换、数字输入、清空/退格
- 数字输入保护：自动识别数字框，错误输入语音警告
- 一键重置：快速恢复页面默认样式
🎨 界面设计
- 仿 Apple 极简风格，毛玻璃效果
- 右侧悬浮工具栏，不占用页面内容
- 按键响应流畅，无延迟、无卡顿
- 图标统一美观，操作直观
🔒 安全与体验
- 无任何代码注释，纯净可执行
- 支持数字输入防重复、防误触
- 键盘响应速度优化，点击即反馈
- 不篡改页面原有结构，无兼容性问题
图标说明
- ➕ 字体放大
- ➖ 字体缩小
- 𝐁 字体加粗
- ◐ 对比度切换
- 🗣️ 朗读模式开关
- 🕙 语速调节
- ⏯️ 朗读暂停/继续
- 🔄 一键重置
- ℹ️ 关于
- 📝 字幕开关
快速引入
方式一：直接内嵌（推荐）
将完整脚本粘贴到 HTML 的 </body> 前即可自动加载。
<script>
// 粘贴完整脚本代码
</script>
方式二：外部文件引入
1.1 保存代码为 H_accessibility.js
1.2 在 HTML 中引入
<script src="H_accessibility.js"></script>
2.1 导入在线js https://code.xn--vqq068m4ham0n.space/H_accessibility.js
2.2 在 HTML 中引入
<script src="https://code.xn--vqq068m4ham0n.space/H_accessibility.js"></script>
使用说明
- 打开页面后，右侧自动出现工具栏
- 点击 🗣️ 开启朗读模式，点击页面文字即可朗读
- 点击输入框，自动弹出虚拟键盘
- 键盘支持大小写切换、数字输入、清空、删除
- 数字输入框会自动拦截非数字内容并语音提示
适用场景
- 学校网站、教育平台
- 企业官网、后台管理系统
- 需要无障碍适配的公共服务页面
- 老人、视力不便用户使用的网页
优势亮点
- 零依赖：纯原生 JS，不依赖任何框架
- 轻量流畅：代码精简，运行无卡顿
- 易集成：一行代码引入，全页面生效
- 可维护：逻辑清晰，便于二次修改
- 安全稳定：无冲突、无报错、不影响原页面
使用过程中如有问题，可随时调整优化～
—
BY HYQY