WCAG AAA · 人人可用

为每一个人设计，一个都不能少

以 7:1 超高对比、符号与图案双重编码、4px 可见焦点环和 48px 触控目标，让视障、色弱、键盘与读屏用户都能顺畅完成每一次操作。

7:1 正文对比度 · AAA 级

成功 · 资料已通过审核

警告 · 请补充联系方式

错误 · 证件号码校验未通过

核心特性

包容性设计不是附加项，而是从第一像素起就把差异纳入考量。

正文与背景对比度不低于 7:1，弱视用户与强光环境下依旧清晰可读，永不牺牲文字。

状态同时用图标、文字与条纹、圆点等图案编码，色觉障碍用户不再被红绿绑架。

全键盘可达、语义化标签与 aria 属性，配合 48px 触控目标、振动反馈与语音引导。

悬停、按下、禁用状态一目了然；开关用「开 / 关」文字标注，不只靠颜色。

高对比模式 AAA 认证

每个输入框都有可见标签与说明，必填项用文字标注，焦点状态清晰可见。

高明度差的主色板，红绿永远与符号同行。

墨黑 · 正文#111827

纯白 · 底色#FFFFFF

权威蓝 · 主色#1E40AF

森林绿 · 成功#166534

砖红 · 错误#991B1B

琥珀褐 · 警示#92400E

清晰即尊重显示级 · Inter ExtraBold · clamp(38–48px)

让信息触手可及标题 · Inter Bold · 28px

正文使用 Atkinson Hyperlegible，为低视力读者优化字形区分度，行高 1.65。正文 · Atkinson Hyperlegible Regular · 18px

表单标签 · FORM LABEL标签 · Atkinson Hyperlegible Bold · 16px