可访问性底线：四件事先做到

对比度、动效节制、语义结构、替代文本——底线不高，做到就很不一样。

可访问性听起来很大，其实先做好四件事，就覆盖了绝大多数真实场景。每一件都有明确的检查方法。

对比度 4.5:1

正文与背景的对比度不低于 4.5:1（大字号 3:1）。最容易翻车的是次要文字：#999 灰配白底只有 2.8:1，对视力弱的访问者等于隐形。Chrome DevTools 的元素检查器会直接显示对比度比值，低于标准会标警告。

尊重 reduced-motion

前庭敏感的访问者会在系统里开启「减弱动态效果」。网站应据此关闭非必要动画。FORMA 导出的动效已内置对应处理，自定义 CSS 时别用更高优先级的规则把它盖掉。

标题层级与语义

一个页面一个 h1，层级顺序递降（h1→h2→h3），别用加粗段落冒充标题——屏幕阅读器靠标题生成目录。按钮用 button、链接用 a，别拿 div 手搓交互（键盘焦点会丢失）。

图片替代文本

传递信息的图片写清 alt（「2026 春季新品菜单」），纯装饰图用空 alt（alt=""），让读屏软件跳过。信息全在图里的「图片海报」是重灾区，把关键信息补进正文。

表单要可被理解

每个输入框关联 label（点字能聚焦框），错误提示用文字说明而不只是标红（色盲访问者看不见红），成功反馈写明「已收到，24 小时内回复」这类确定信息。

底线做到之后，可以用 WAVE 或 Lighthouse 的 Accessibility 项做一轮复检，90 分以上就足够体面。FORMA 的模板与导出站在这条底线上是合格的，替换内容时保持住即可。