1检查设计稿的对比度并快速修复
- 1在 Figma 或 Sketch 中安装 Stark 插件并打开设计文件
- 2选中需要检查的文本或元素,点击 Stark 插件中的对比度检查器
- 3查看对比度评分,若未通过 WCAG 标准,使用插件提供的颜色调整建议直接修改
2模拟色盲视图,确保设计对色盲用户友好
- 1在 Stark 插件中选择“色盲模拟”功能
- 2切换不同色盲类型(如红绿色盲、蓝黄色盲)预览设计稿
- 3根据模拟结果调整颜色搭配,确保信息可辨识
3生成可访问性合规报告并分享给团队
- 1在 Stark 中运行全页面或全组件的可访问性扫描
- 2查看自动生成的报告,包含对比度、标注等问题清单
- 3导出报告为 PDF 或链接,分享至团队协作平台(如 Slack、邮件)
