在讨论「世界顶级」的体验时,无障碍很少被放在第一位,但它往往最能反映一个团队的专业程度。因为它要求你把「所有人都能用」当成约束,而不是事后补上的补丁。
四个最常被忽略的基本项
- 对比度:正文与背景至少 4.5:1,大字与图形至少 3:1;浅灰色辅助文字尤其容易不达标;
- 键盘可达:所有交互都能用 Tab 到达,焦点样式清晰可见,弹层能够正确收起并把焦点归还;
- 语义结构:标题层级不跳级,图片有替代文本,表单控件有关联标签,图标按钮有可读名称;
- 动效偏好:尊重 prefers-reduced-motion,为需要的人关闭位移动画与自动轮播。
它同时改善所有人的体验
清晰的焦点状态帮助键盘用户,也帮助在手机上手滑的人;足够的对比度帮助低视力用户,也帮助在正午阳光下看屏幕的人;语义化结构帮助读屏软件,也让搜索引擎与后续维护者更容易理解页面。
为边缘场景设计,通常会得到更稳健的主流体验。
把它放进流程
我们把它做成上线前的一页检查表,由设计与前端各自过一遍,而不是等项目结束才做审计。成本很低,收益却贯穿整个产品生命周期。