用途:审查应用界面的 IDS 合规、无障碍、可用性与认知负荷,评估组件用法、设计令牌、表单与错误处理模式,生成含合规评分的 UI 健康报告与改进建议。
审计模式:默认“快速 UX 审查”,评估认知负荷与信息架构、可用性启发式、按钮层级与布局一致性,并快速扫描用原生 HTML 顶替 IDS 组件的情况;“无障碍审查”针对表单标签、键盘与焦点、屏幕阅读器、颜色对比度;“完整合规审计”运行全部清单并对照替换表校验组件、设计令牌与 Provider/CSS 设置。可按指定文件或组件做范围审计。
扫描范围:src/ 下的 .tsx/.jsx/.ts/.js、CSS/SCSS/styled-component 及入口文件;排除测试、Storybook、配置文件、类型声明、第三方与构建产物。需从真实挂载点追踪组件树,父入口已处理 Provider/CSS 不扣分。
版本:IDS 当前为 v6;需检查 package.json 中 @iress-oss/ids-components 版本,v5 标记迁移机会,更低版本视为大迁移。
必要用法:安装 @iress-oss/ids-components@beta(令牌已内置,除非直接在应用代码中使用令牌才另装 @iress-oss/ids-tokens@beta 并导入其 css-vars.css)。导入 '@iress-oss/ids-components/dist/style.css' 并用 IressProvider 包裹根;使用 IressShadow 时已内含 Provider 与样式,无需重复。若启用 CSP,需允许 fonts.googleapis.com、fonts.gstatic.com,旧图标或 IressTheme 时加 cdn.iress.com;IressShadow 遇内联样式拦截可在 head 加 meta csp-nonce。
限制:资料未提供强制规则之外的工具实现细节、收费与效果数据;未列出的检查项与更多审计清单内容暂未提供。