用途:为表单提供 WCAG 2.2 AA 合规的实现模式,确保键盘用户、屏幕阅读器用户以及有认知或运动障碍的用户都能正常使用表单。
主要能力:涵盖标签与提示文本、aria-describedby 错误绑定、aria-invalid、aria-required、fieldset/legend 分组、autocomplete 输入目的识别、错误识别与建议、冗余输入避免、可访问认证等准则;提供焦点管理(首个错误聚焦、多步表单步骤切换聚焦、模态焦点陷阱、跳转链接)、键盘导航(自然 Tab 顺序、Escape 关闭、Enter 提交)、实时区域(错误、加载、成功消息播报)、颜色对比与色盲友好的校验状态、仅屏幕阅读器可见内容等模式。
使用方式:按资料中的 React/JSX 与 CSS 模式实现表单字段、错误提示与焦点逻辑;可用 axe-core 做自动化检查,命令为 npm install @axe-core/react,并配合 jest-axe 编写测试。资料还列出人工检查清单:仅用键盘完成表单、屏幕阅读器播报、200% 缩放、高对比度模式、焦点可见性。
适用场景:实现登录、注册、结账、多步表单等需要无障碍支持的前端表单。
限制:资料未提供具体安装该技能的命令、收费、价格、平台支持范围或效果保证;部分内容为示例代码,实际落地需结合项目技术栈调整。