快速开始

A11yNav 是一个网页无障碍浏览插件,支持字体缩放、颜色主题切换、鼠标指针放大、辅助线、指读、连读等多种无障碍功能。只需简单引入即可为网页添加无障碍支持。

// 方式一:ES Module import { createA11yNav } from 'a11y-nav' const a11y = createA11yNav() // 方式二:UMD(script 标签) // <script src="a11y-nav.umd.cjs"></script> const a11y = createA11yNav()

功能特性

字体缩放

支持多级字体放大缩小,满足不同视力需求

颜色主题

提供高对比度配色方案,方便弱视用户阅读

鼠标指针

放大鼠标指针尺寸,更容易定位和识别

指读连读

鼠标跟随朗读或段落连续朗读,辅助阅读理解

辅助线

屏幕显示十字辅助线,帮助用户定位阅读位置

区域导航

按导航区、交互区、正文区快速跳转页面内容

搜索

配置选项

参数类型默认值说明
areasArray内置4个区域自定义读屏区域,每项含 name 和 selector
debounceMsNumber400指读防抖时间(毫秒)
cookieNameString'an-status'状态持久化的 Cookie 名称

页面展示

工具栏默认样式 大字模式效果 高对比度模式