用途:Web Accessibility 是一份界面无障碍与交互标准指南,目标是把无障碍作为界面质量基线,帮助开发者构建所有用户都能使用的 Web 界面。
主要能力:涵盖语义化 HTML、元素选择、键盘导航与焦点管理、ARIA 模式、表单、图片与媒体、触控与移动端、国际化以及无障碍相关性能优化,并附可勾选的检查清单。
必要用法:优先使用语义元素,不用 div 模拟交互控件(如用 button 或 a,而非带 onClick 的 div);交互元素必须可键盘访问;不要移除焦点指示,改用 :focus-visible 提供可见轮廓;图标按钮须带 aria-label,装饰图标用 aria-hidden;动态内容用 aria-live 区域播报;表单输入须有关联 label,错误通过 aria-describedby 关联并加 role="alert";触控目标最小 44x44px;日期与货币用 Intl 做本地化格式化。
检查清单要点:键盘可访问、焦点可见、颜色对比度达 WCAG AA(正文 4.5:1,大字 3:1)、图片有恰当 alt、表单有标签、错误关联输入、图标按钮有 aria-label、动态内容用 aria-live、触控目标至少 44x44px、尊重 prefers-reduced-motion、不用未替换的 outline:none、标题层级顺序不跳级。
适用场景:前端界面开发、组件库建设、无障碍审查与合规自查。
限制:资料未提供安装命令、版本、收费、平台或具体效果数据,暂未提供。