用途:帮助开发者按 WCAG 2.2 构建无障碍 Web 界面,覆盖语义化 HTML、ARIA、键盘导航、屏幕阅读器与测试。
主要能力:提供语义化标签(nav、main、article、section、aside)替代 div 作为地标;ARIA 模式示例,如 role="dialog"、aria-modal、aria-labelledby 的模态框,以及 role="tablist"、role="tab"、aria-selected、aria-controls 的标签页;键盘导航处理函数 handleArrowKeys,支持方向键、Home、End;表单可访问性示例,含 label、aria-required、aria-describedby、aria-invalid 与 role="alert" 错误提示;颜色对比度变量与 :focus-visible 焦点样式;反模式清单与检查清单。
使用方式:将示例中的组件模式与属性应用到实际前端代码,按检查清单逐项核对,并用屏幕阅读器(VoiceOver、NVDA)和纯键盘操作测试页面。
适用场景:需要满足 WCAG AA 的网站与组件库开发、无障碍审查与修复。
限制:资料未提供安装命令、依赖、版本要求或自动化测试工具配置;具体实现需结合项目技术栈调整。