用途:面向所有用户界面实现无障碍,覆盖表单、模态、菜单、表格、标签等;服务键盘用户、屏幕阅读器用户及视觉、运动、认知障碍用户。
主要能力:以 WCAG 2.2 AA 为基线(如文字对比度≥4.5:1、大字≥3:1、控件≥3:1、键盘全功能可达、焦点顺序与可见、错误识别、控件有 name/role/value 等);强调语义化 HTML 优先,ARIA 仅在 HTML 不足时使用;提供角色与属性速查(landmark、widget 角色及 aria-label、aria-expanded、aria-live 等);给出 React 按钮、输入框、模态与实时反馈写法;说明键盘交互(Tab、Enter、Space、Esc、方向键)与焦点管理(模态聚焦首个元素、关闭还原、路由切换聚焦 main、错误聚焦首个错误字段);附 Skip Link、颜色对比、暗黑模式、触摸目标尺寸、减少动画与 viewport 设置。
使用方式:先用语义化 HTML 与 Headless 库(Radix UI、React Aria、Headless UI、Ariakit、Reka UI、Melt UI、Bits UI、Kobalte)内置 a11y;再用 axe-core(@axe-core/playwright、jest-axe/vitest-axe、Lighthouse)自动化测试并接入 CI;最后手动验证键盘、200% 缩放与屏幕阅读器(NVDA、VoiceOver、TalkBack)。配套模板 templates/a11y-checklist.md。
限制:资料未提供安装命令、具体价格与平台信息;效果依实现而定,自动化无法替代真实屏幕阅读器与用户测试。