GPT中文小秘书挑几下就能开工
我积分

生成暗色模式文本可读性检测图

关于「生成暗色模式文本可读性检测图」:能拿到什么、要点选什么、怎么办

选几组深浅色,几分钟拿到带WCAG达标标注的对比图。生成暗色模式文本可读性检测对比图,左侧展示深灰背景+浅灰文字组合,右侧标注WCAG合规性及改进建议;不提供无障碍认证,不替代人工审核。

能拿到什么

  • 推荐:一张带色值、对比度数值和WCAG达标标注的暗色可读性检测PNG,附改进建议(网格排布多组深色底色块,每组标对比度数值和绿勾红叉,右侧给改进建议),约 3 分钟
  • 旗舰:暗色可读性检测图 PNG、改进后色值建议表、检测说明 PDF

要你点选的几项

画面主体、用在哪、风格、色调、画面比例、要几版/要什么变体、检测标准、字体、要包含哪些组合、标注方式、补充说明。多数点一下就行,没选的按常见情况替你定,交付时说清哪几项是按默认的。

怎么办

  1. 填要检测的背景和文字色
  2. 选检测标准和画面风格
  3. 生成对比图并查看达标标注
  4. 下载图片贴进文档或评审

别人还这样说

  • 这个灰色字在黑色背景上看得清吗?
  • 设计稿要过无障碍审查,快给我能直接贴进PRD的检测图
直接说你要办的事。下面是别人怎么办的,点任何一项就换成你自己的。左边是别人怎么办的,右边是你的,点一项就开始改。
示范 · 别人这样说

「帮我出张图给开发看哪些颜色组合不达标」

替他选了:开发交接文档 · Figma设计稿风 · 冷灰主调 · 16:9 · 带对比度数值版 · 仅WCAG AA

按示范选好的 点一项就变成你的

你的成品会在这里出现
示例成品 · 不是你的按示范写的,看个样子
画面左侧为并列6组深灰底+浅灰字样本(如#0A0A0A/#F5F5F5、#121212/#E0E0E0等),右侧对应位置用绿色对勾/红色叉号标AA/AAA通过状态,并附简短建议如‘提升对比度至4.5:1’‘改用纯白文字’;整体采用等宽网格布局,字体为SF Pro Display,右下角小字标注‘参考WCAG 2.1,非正式认证’。

GPT中文 也可能出错,成品请自己核对关键数字和事实。条款 · 隐私