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

给网页原型图写无障碍检查清单

关于「给网页原型图写无障碍检查清单」:能拿到什么、要点选什么、怎么办

传一张原型图,8 分钟拿到带位置、严重程度和修法的无障碍检查清单。为网页原型图生成WCAG 2.1合规的无障碍检查清单,覆盖颜色对比、标签、焦点流等实操项;不替代专业无障碍审计,最终由设计师/前端工程师人工验证。

能拿到什么

  • 推荐:一份带定位的检查清单 Markdown,加一份可勾选的 Excel 复核表,逐条标严重程度和修复方向(Markdown 分颜色对比、标签、焦点流几块,问题点用 ⚠️❌ 标出;Excel 一列问题、一列位置、一列修法),约 8 分钟
  • 旗舰:无障碍检查清单、可勾选复核表、颜色对比度报告、前端修复说明、团队复核邮件草稿

要你点选的几项

检查哪类页面、主要用户群体、上传原型图、重点查这些、检查深度、判定依据、补充说明、交付格式、是否要修复建议、确认责任边界;AI 只做整理参考,不替代审批,最终由经办部门确认。多数点一下就行,没选的按常见情况替你定,交付时说清哪几项是按默认的。

怎么办

  1. 上传原型图或线框图
  2. 勾选要重点查的项
  3. 选检查深度和交付格式
  4. 拿到清单发给团队核对

别人还这样说

  • 帮我看看这稿子符不符合无障碍标准
  • 这张图里哪些地方会卡住视障用户
直接说你要办的事。下面是别人怎么办的,点任何一项就换成你自己的。左边是别人怎么办的,右边是你的,点一项就开始改。
示范 · 别人这样说

「导出一份能直接发给前端的检查项」

替他选了:Markdown带✅⚠️❌符号 · 带代码片段示例

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

你的成品会在这里出现
示例成品 · 不是你的按示范写的,看个样子
✅ 颜色对比:主按钮#4A6FA5/白色(4.2:1)→ 不达标(需≥4.5:1) ✅ 标签缺失:登录表单3个输入框均无可见标签或aria-label ✅ 焦点顺序:Tab流跳过搜索框,应从logo→导航→搜索→主内容 ⚠️ 跳转链接:'了解更多'无上下文,建议改为'了解更多产品功能' ⚠️ 图标按钮:'关闭'叉号图标无aria-label

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