mastergo ai 从生成源头嵌入对比度合规逻辑,基于设计系统色板、多模式上下文感知及实时校验,确保文本与图标对比度满足 wcag 2.1 aa 标准(普通文本≥4.5:1,ui控件≥3:1),实现“生成即合规”。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 并不依赖插件扫描或手动校验,而是从生成源头嵌入对比度合规逻辑,直接规避“先出错再修复”的低效路径。它通过设计系统(DSM)驱动和实时合规计算,在AI出图阶段就确保文本、图标与背景的对比度满足 WCAG 2.1 AA 标准(普通文本 ≥4.5:1,UI 控件 ≥3:1)。
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件,你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
基于设计系统的颜色约束生成
MasterGo AI 设计助手深度绑定企业已有的设计系统(如 Ant Design 或私有组件库),所有生成的颜色组合均来自经过预校验的色板。例如:当AI生成一个按钮时,它不会随机选取 #E0E0E0 作背景、#666666 作文字,而是从规范中调用已验证的配对——如 #1F1F1F 文字 + #FFFFFF 背景(对比度 18.6:1),或 #FFFFFF 文字 + #007BFF 背景(对比度 4.9:1)。这种“用规范生成”,而非“生成后再校验”,从根本上杜绝了对比度不达标项的出现。
多模式上下文感知校验
AI 在生成过程中会动态识别当前主题(浅色/深色模式)、组件类型(文本框、开关、标签)及使用场景(标题/正文/禁用态),自动匹配对应对比度阈值。比如:
- 深色模式下,AI 会优先选用高亮度文字色(如 #F0F0F0)搭配中灰背景(#2D2D2D),而非简单反色;
- 对禁用状态的控件,AI 不仅降低透明度,还会同步调整色彩明度差,确保即使在 30% 透明度下仍满足 ≥3:1 的最低要求;
- 当用户上传参考图时,AI 先解析图中关键色块的对比关系,再沿用相同逻辑生成新内容,保持风格与可访问性双一致。
生成即合规的反馈闭环
每次生成结果都会附带一份轻量级合规报告(非弹窗式,而是以图层标注形式呈现),例如在文本图层旁显示「✓ AA」或「⚠️需微调(当前 4.3:1)」。若检测到边缘情况(如渐变背景上的文字),AI 会主动提供两个优化选项:一是轻微加深文字色,二是局部提亮背景区域,并标注每种方案的实测对比值,供设计师快速决策。
支持人工精修后的自动再校验
由于生成稿可直接编辑(矢量分层、支持拖拽调整),设计师修改颜色后,MasterGo AI 会实时监听图层属性变化。一旦填充色或背景色被改动,后台立即重算对比度,并在右侧属性面板顶部浮层提示:「此文本在新背景上对比度为 4.1:1 → 建议设为 #1A1A1A」。该提示不是静态建议,而是点击即可一键应用,且不影响其他图层样式。
不复杂但容易忽略。










