七比一对比
正文对比度不低于 7:1，字号从 18px 起步；弱视用户与强光环境下同样清晰可读。
- 类别 通用风格
- 年代 普适 Universal
- 复杂度 低
- 最适合 政务 · 医疗 · 教育 · 公共服务
- 等级 WCAG AAA
三条不妥协的底线
无障碍不是附加项，而是从对比度、键盘路径到伦理承诺的完整设计体系。
键盘全可达
按 Tab 即可走完整个页面：4px 高可见焦点环、跳转链接与语义化地标一个不少。
伦理承诺
尊重减少动效偏好，触控目标不小于 44×44px；不做倒计时逼单与隐藏退订等暗黑模式。
按钮与控件
状态信息用「图标 + 文字」双通道表达，绝不依赖颜色单独传达含义。
已通过 AAA
待人工复核
对比不足
所有可点元素满足 44×44px 触控目标；悬停加深一档，按下再深一档，禁用转为可读灰。
联系市民服务台
每个输入框都有可见标签与辅助说明，读屏软件可完整朗读。
配色板
全部文字色在白底上达到 7:1 以上对比度，满足 WCAG AAA。
#1A1A1A墨黑 · 17.4:1
#0B4F8A主蓝 · 8.4:1
#1B5E20深绿 · 7.8:1
#B10E1E深红 · 7.1:1
#F2F5F8云灰 · 面板底
#FFFFFF纯白 · 页面底
字体级阶
Atkinson Hyperlegible 由盲文研究院设计，字形彼此区分度极高，专为低视力阅读优化。
包容 Inclusive
清晰的层级就是导航
大字号、宽行距、充分的对比与可预期的交互——这些安静的决定，让更多人被同一个页面善待。
Skip Link · Focus Ring