用途:在构建网页界面、HTML 模板、表单、导航、弹窗、动态内容、媒体播放器或任何面向用户的 UI 时,帮助按 WCAG 2.1/2.2 达到至少 Level AA。资料称 15% 以上人口有某种残障,且美国 ADA、欧盟 EAA、美国 Section 508 等构成法律要求。
主要能力:围绕 POUR 四原则给出准则与做法,包括语义 HTML(用 button、nav、main、label、table,不跳级标题、每页一个 h1)、ARIA 模式(tabs、dialog、accordion、menu、alert、status、progressbar、switch、tree、combobox 等,含 aria-selected、aria-expanded、aria-modal、aria-live 等状态)、颜色对比(正文 4.5:1、大字 3:1、UI 组件 3:1;不得仅用颜色传达信息)、响应式与触控(触控目标至少 44x44 CSS 像素、允许缩放、320px 宽内容回流)、以及键盘与屏幕阅读器的手工测试清单。
使用方式:优先使用原生语义元素,必要时再补 ARIA;使用提供的 .sr-only 类隐藏可见但需被屏幕阅读器读取的内容;示例模板要求设置 html lang、viewport、描述性 title、跳转链接、带 aria-label 的 nav、main 与 aria-live 区域。资料未提供安装命令或包名。
适用场景:面向用户的网页界面开发,包括表单、导航、模态、动态状态提示与数据可视化。
限制:资料明确列举常见错误,如 div onclick、缺少 alt、outline: none、placeholder 当标签、tabindex 大于 0、maximum-scale=1 等需避免;具体项目的最低合规级别与法律适用需自行确认,资料未提供自动检测工具或完整代码示例。(配图/视频播放器等实现细节资料未提供)