用途:对指定组件或页面执行无障碍审计并修复问题,目标由 $ARGUMENTS 传入。
主要能力:按 WCAG 2.2 AA 从四方面检查。可感知:文本对比度需达 4.5:1(大号/粗体 3:1),非文本控件与图形需 3:1,图片需 alt、图标需 aria-label,信息不得仅靠颜色传达。可操作:触控目标最小 44x44px(min-h-11 min-w-11),图标按钮需显式 w-11 h-11,交互元素须可键盘访问且 Tab 顺序合理,焦点样式用 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2,动画须尊重 prefers-reduced-motion。可理解:表单输入需可见标签或 aria-label,错误信息用 aria-describedby 关联,html 需设置 lang。健壮:使用语义元素(button、nav、main、header),优先 Radix UI 组件以自动处理 ARIA,自定义交互元素需正确 role。
设计令牌参考:--foreground #030213 对比度 19.8:1;--muted-foreground #717182 为 4.6:1;--brand #721FE5 为 4.8:1;--destructive #D4183D 为 5.2:1;--success #6B9B7A 为 3.4:1(仅限大号文本);--warning #F59E0B 为 2.1:1(不达标,文本需更深变体)。
输出:列出发现的问题及严重级别(Critical/Major/Minor),尽可能直接应用自动修复,并标记需要人工判断的项。
限制:资料未提供安装命令、平台支持、收费方式与具体使用步骤。