mastergo ai 在生成 ui 时即嵌入 wcag 对比度合规逻辑,依据 aa 级标准(文本≥4.5:1、组件≥3:1)反向推导安全配色,支持 contrast 插件一键检测与优化建议,并通过 slots 封装保障跨组件一致性,叠加 enhanced contrast 模式实现视觉模拟与生成优化联动。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 在生成 UI 时会主动嵌入对比度合规逻辑,不是等出稿后再人工检查,而是从生成源头规避 WCAG 不达标风险。
自动生成即满足无障碍标准
当用自然语言描述界面需求(如“生成一个深色主题后台首页”),MasterGo AI 内置的色彩模型会实时参考 WCAG 2.1 AA 级阈值:普通文本 ≥4.5:1,UI 组件 ≥3:1。它不会随机选色,而是基于背景色反向推导安全的文字/图标色,并优先选用设计系统中已验证的高对比度组合。
设计稿内嵌 Contrast 检测能力
生成后的界面可直接在 MasterGo 画布中运行内置的 Contrast 插件扫描: • 一键批量检测所有文本、按钮、标签与背景的对比度比值 • 不合规项自动高亮并标注当前比值与最低要求差值 • 支持点击建议色块,查看替代方案(如“#4D4D4D → #333333 可提升至 4.6:1”)
Slots 封装保障复用一致性
对已通过 Contrast 验证的组件(如带状态的高对比度开关、深色模式下可读的输入框),可封装为 Slots 组件: • 后续 AI 生成或设计师拖拽调用时,自动继承合规配色与尺寸约束 • 切换主题色时,Slots 内部逻辑触发批量重算对比度,而非简单替换色值 • 避免“主页面达标、弹窗失焦、空态文字不可见”的碎片化问题
增强对比度预校验模式联动
开启 MasterGo「Enhanced Contrast」系统设置后: • 画布会模拟低视力用户的视觉感知,提前暴露边缘模糊、色弱难辨等隐性缺陷 • AI 生成过程会将该模式反馈作为优化信号,优先强化图标描边、文字加粗、阴影分离等增强手段 • 生成结果天然适配系统级辅助功能,不依赖后期打补丁











