无障碍 App Store 截图：对比度、字号与 alt 文本
App Store 截图无法像网页那样被屏幕阅读器浏览——Apple 不会直接将截图的 alt 文本暴露给用户。但视觉无障碍规则（对比度、字号、颜色独立性）完全适用，而且恰好与缩略图可读性的规则一致。一份工作，两个收益，值得去做。
对比度：以 WCAG AA 为基准
WCAG AA 对比度要求：
- 正文字号：与背景对比度至少 4.5:1。
- 大字号（24pt 以上常规或 18pt 以上粗体）：至少 3:1。
- 图形元素 / UI 控件：至少 3:1。
使用对比度检测工具（免费工具很多），对每条文案与其所在面板背景逐一检测。如果背景是渐变色，需分别检测文案所在位置渐变的最亮点和最暗点。
常见问题：白色文字叠加在从浅橙到深橙的渐变背景上。当文案落在浅橙区域时，对比度会降到 4.5:1 以下，缩略图尺寸下文字几乎消失。
缩略图下的字号
App Store 截图会以多种尺寸渲染：
- 产品页面全尺寸（约 1290 像素宽）。
- 搜索结果预览（约 600 像素宽）。
- 搜索结果缩略图（约 300 像素宽）。
如果设计文件中截图尺寸为 1290 × 2796，文案字号为 60px，那么在 300px 搜索缩略图下渲染出来约为 14px。14px 低于可读性推荐最小字号。解决方法：将文案设计为 80-100px，这样在缩略图下渲染出来约为 18-22px。特别是面板 1-3——搜索结果中显示的正是这几张。
颜色独立性
不要仅靠颜色来传递信息。最常见的违规情形：文案颜色与背景的区别只在色相上（例如红色文字配绿色背景）。红绿色盲用户看到的只是一片模糊。
测试方法：把截图转为灰度图，每条文案是否仍然可读？如果可以，说明具备颜色独立性。如果不行，需要增加亮度（明度）差异，而不仅仅是色相差异。
App Store Connect 中的 alt 文本
App Store Connect 不像网页那样暴露 alt 属性，但每张截图有一个「无障碍标签」字段，供使用 VoiceOver 浏览 App Store 的用户使用。请务必填写。简短描述截图内容：「显示月度支出概览的主页」，而不是「截图 1」。
这是最大的无障碍改进点，因为几乎没有开发者去做。目前 VoiceOver 用户浏览 App Store 时，对绝大多数应用听到的都是「截图 1、截图 2」。每个面板写上几句描述，能让你的应用列表对这部分用户更易用。
「小字号装饰性字体」反模式
装饰性字体（手写风格、超细展示字体）几乎总是同时在无障碍和缩略图两个维度上不及格。那些在全尺寸下看起来优雅的纤细笔画，在 300px 下变得模糊，对低视力用户更是完全无法辨读。
这类装饰性风格每个轮播图最多用于一个强调词。正文文案和所有重要文字需要选用笔画粗细一致的字体——大多数现代无衬线字体（Inter、SF Pro、Roboto）在所需字号下都能胜任。
文案位置与安全区域
Apple 有时会在 App Store 轮播图上叠加界面元素（「获取」按钮、年龄分级标签、安装后的「打开」按钮）。如果文案恰好落在这些区域，会被遮挡。保持文案在安全区域内：左右各留 60px，顶部留 80px，底部为 App Store 界面预留 200px 净空。
上线前的检查清单
- 用对比度检测工具逐一检查每条文案与其面板背景。
- 在缩略图模拟器中以 300px 宽度查看截图（或直接在 Figma 中缩放）。每条文案应仍然可读。
- 灰度测试颜色独立性。
- 在 App Store Connect 中为每个面板填写无障碍标签。
- 如果测试组中有 VoiceOver 用户，邀请他们浏览你的应用列表并反馈。
为何这一点超出无障碍范畴
WCAG 所规定的对比度和字号规则来自人眼视觉研究，并非任意制定，而是经过验证的阈值——低于这些阈值，相当大比例的用户无法舒适地阅读文字。按 AA 标准设计，意味着为包含年长用户、户外强光环境用户、轻度视力问题用户，以及快速滑动搜索结果的所有用户而设计。
帮助低视力用户阅读截图文案的那些规则，同样帮助在阳光下刷 App Store 的用户。问题相同，解法相同。