聊天演示图在设计师的大屏幕上可能很清楚，放进手机信息流、演示文稿或放大工具后却难以理解。过小的时间戳、浅色气泡、只靠颜色区分角色和过快播放，都是常见障碍。因此，无障碍检查应在导出前进行。
下面的清单关注低视力、色觉差异、阅读或注意困难、行动限制、听力障碍，以及眩光和小屏幕等临时限制。它不能替代真实用户测试，但能建立一致的第一轮审核。
可以先在 Chat Simulator 编辑器 制作草稿，再按最终展示尺寸和发布环境检查导出文件。
一、按最终显示尺寸测试
导出一张代表性画面，放进真实的博客栏宽、幻灯片、手机信息流或课程页面。如果读者必须放大才能看清姓名和消息，应增加尺寸或减少内容。
不要用缩小全部元素解决溢出。长对话可以拆成连续图片，并保留稳定标题或简短背景。
二、使用清晰字号和合理行长
选择经过导出和压缩后仍然清楚的字号。过细字重和过紧行距在小屏幕上容易消失。
姓名、时间、状态和标签不能使用难以辨认的装饰字体。消息行既不能太长，也不要被拆成大量一两个词的碎片。
三、检查每一种消息状态的对比度
检查文字与气泡之间的对比，而不只是文字与页面背景。收到和发出的消息、时间戳、弱化说明、链接、选中状态以及图片上的文字都要单独检查。
鲜艳颜色配白字也可能不达标。需要满足明确标准时，应使用对比度工具核对最终颜色值，而不是只凭肉眼判断。
四、不要只靠颜色区分角色
色觉差异用户可能无法分辨相近的气泡或头像边框。应把颜色与姓名、头像形状、对齐方式、图标或固定位置结合。
提示方式在每一帧都要保持稳定，不要无原因改变同一角色的颜色。
- 多角色场景显示名称。
- 使用容易区分的头像轮廓或字母头像。
- 保持对齐方向和气泡样式一致。
- 状态变化同时使用文字或形状说明。
五、保持可预测的阅读顺序
消息按时间顺序出现，时间戳也应递增。不要让装饰面板看起来像对话的一部分，却要求读者最后再看。
多图序列应在页面中编号并提供说明，不要依赖桌面端和移动端顺序不同的拼贴布局。
六、编写有用的替代文本和上下文
替代文本应说明图片用途和关键信息，不必罗列所有视觉细节。如果完整对话非常重要，应在图片附近提供可选择的文字版本，而不是写成超长 alt。
需要时说明这是模拟对话。装饰性封面可以简短，教程截图则要提供更具体的内容摘要。
七、为动态内容提供字幕和文字稿
聊天视频或播放导出不能依赖声音才能理解。声音信息需要字幕，精确对话重要时还应提供文字稿。
给读者足够时间阅读消息，避免快速闪烁、持续输入动画或干扰内容的运动，并尽可能提供静态版本。
八、检查页面上的键盘和控件体验
图片只是体验的一部分。周围页面应具有清楚的焦点状态、描述性链接、可由键盘访问的控件和明确的按钮名称。
不要把必要说明只放在悬停提示里；触屏和键盘用户可能无法获得这些内容。
九、在明暗主题和压缩后复查
浅色演示图可能在白色页面上失去边界，深色版本也可能眩光或弱化文字。应按实际主题组合预览。
社交平台通常会缩放和重新压缩图片。发布前检查上传预览，重点观察小字、细图标、渐变和头像边缘。
十、让残障用户参与审核
自动工具能发现部分对比度和标记问题，却无法判断对话是否容易理解、播放节奏是否舒适。真实用户反馈可以补足这些证据。
记录测试的设备、尺寸、方法和仍不确定的地方。无障碍是持续的质量实践，不是一次性标签。
常见问题
替代文本不能修复小字、错误顺序、过快播放和无法操作的控件，它只是完整体验的一部分。
通常不应把全部消息塞进 alt；关键文字应作为普通正文提供。高对比度也不等于只能用黑白，经过测量并配合非颜色提示的多种配色都可以使用。
发布前无障碍清单
- 最终尺寸下文字仍然清楚。
- 消息、时间戳和标签具有足够对比度。
- 不依赖颜色也能区分角色。
- 阅读顺序符合时间和逻辑。
- 替代文本说明用途和关键信息。
- 必要对话提供可选择的文字版本。
- 动态内容有字幕、合理速度和静态替代。
- 周围页面支持键盘访问。
