快速开始
A11yNav 是一个网页无障碍浏览插件,支持字体缩放、颜色主题切换、鼠标指针放大、辅助线、指读、连读等多种无障碍功能。只需简单引入即可为网页添加无障碍支持。
// 方式一:ES Module
import { createA11yNav } from 'a11y-nav'
const a11y = createA11yNav()
// 方式二:UMD(script 标签)
// <script src="a11y-nav.umd.cjs"></script>
const a11y = createA11yNav()
功能特性
字体缩放
支持多级字体放大缩小,满足不同视力需求
颜色主题
提供高对比度配色方案,方便弱视用户阅读
鼠标指针
放大鼠标指针尺寸,更容易定位和识别
指读连读
鼠标跟随朗读或段落连续朗读,辅助阅读理解
辅助线
屏幕显示十字辅助线,帮助用户定位阅读位置
区域导航
按导航区、交互区、正文区快速跳转页面内容
搜索
配置选项
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| areas | Array | 内置4个区域 | 自定义读屏区域,每项含 name 和 selector |
| debounceMs | Number | 400 | 指读防抖时间(毫秒) |
| cookieName | String | 'an-status' | 状态持久化的 Cookie 名称 |